← Back to Editor

#706A68 · #FCCFC4 · #D9B6AD · #B69D96 · #93837F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#706A68

Ink Gray · DimGray · Warm Gray

HEX
#706A68
RGB
rgb(112, 106, 104)
HSL
hsl(15, 4%, 42%)
HSB
hsb(15, 7%, 44%)
CMYK
cmyk(0%, 5%, 7%, 56%)
Oklch
oklch(52.9% 0.008 39.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#FCCFC4

Peach Pink · Pink · Cherry Blossom

HEX
#FCCFC4
RGB
rgb(252, 207, 196)
HSL
hsl(12, 90%, 88%)
HSB
hsb(12, 22%, 99%)
CMYK
cmyk(0%, 18%, 22%, 1%)
Oklch
oklch(89.0% 0.053 34.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D9B6AD

Peach Pink · Silver · Coral Red

HEX
#D9B6AD
RGB
rgb(217, 182, 173)
HSL
hsl(12, 37%, 76%)
HSB
hsb(12, 20%, 85%)
CMYK
cmyk(0%, 16%, 20%, 15%)
Oklch
oklch(80.4% 0.043 34.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B69D96

Peach Pink · DarkGray · Coral Red

HEX
#B69D96
RGB
rgb(182, 157, 150)
HSL
hsl(13, 18%, 65%)
HSB
hsb(13, 18%, 71%)
CMYK
cmyk(0%, 14%, 18%, 29%)
Oklch
oklch(71.6% 0.031 36.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#93837F

Crimson · Gray · Warm Gray

HEX
#93837F
RGB
rgb(147, 131, 127)
HSL
hsl(12, 8%, 54%)
HSB
hsb(12, 14%, 58%)
CMYK
cmyk(0%, 11%, 14%, 42%)
Oklch
oklch(62.3% 0.020 34.3)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

706A68
676D6F

Analogous

6F6769
706A68
6F6D67

Triadic

706A68
676F69
69676F

Split-Comp.

706A68
676F6D
67696F

Tetradic

706A68
696F67
676D6F
6D676F

Contrast Matrix WCAG 2.1 Contrast

706A68
FCCFC4
D9B6AD
B69D96
93837F
—
3.8
AA Large
2.8
Fail
2.1
Fail
1.5
Fail
3.8
AA Large
—
1.3
Fail
1.8
Fail
2.6
Fail
2.8
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.5
Fail
2.6
Fail
1.9
Fail
1.4
Fail
—
White BG
5.3AA
1.4Fail
1.9Fail
2.5Fail
3.6AA Large
Black BG
4.0AA Large
14.9AAA
11.2AAA
8.3AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D68
E9E8C7
CACAAF
ABAB98
8C8C80

Deuteranopia

6E6E69
EBEEC7
CCCEB0
ADAF98
8D8E80

Tritanopia

706969
FAC9C9
D7B1B1
B59999
928181

Achromatopsia

6C6C6C
DBDBDB
BFBFBF
A4A4A4
878787

Shades & Tints Shades & Tints

#706A68

Dark
Light

#FCCFC4

Dark
Light

#D9B6AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #706a68;
  --color-2: #fccfc4;
  --color-3: #d9b6ad;
  --color-4: #b69d96;
  --color-5: #93837f;
}

SCSS

$color-1: #706a68;
$color-2: #fccfc4;
$color-3: #d9b6ad;
$color-4: #b69d96;
$color-5: #93837f;

TAILWIND

colors: {
  'brand-1': '#706a68',
  'brand-2': '#fccfc4',
  'brand-3': '#d9b6ad',
  'brand-4': '#b69d96',
  'brand-5': '#93837f',
}

RGB Array

[112, 106, 104], [252, 207, 196], [217, 182, 173], [182, 157, 150], [147, 131, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #706A68, #FCCFC4, #D9B6AD, #B69D96, #93837F is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #706a68; --color-2: #fccfc4; --color-3: #d9b6ad; --color-4: #b69d96; --color-5: #93837f. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color