← Back to Editor

#ECC49C · #D29F7F · #79596C · #7F707F · #CCCBDC

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#ECC49C

Goose Yellow · BurlyWood · Peach Orange

HEX
#ECC49C
RGB
rgb(236, 196, 156)
HSL
hsl(30, 68%, 77%)
HSB
hsb(30, 34%, 93%)
CMYK
cmyk(0%, 17%, 34%, 7%)
Oklch
oklch(84.5% 0.070 66.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D29F7F

Apricot · Tan · Warm Sun

HEX
#D29F7F
RGB
rgb(210, 159, 127)
HSL
hsl(23, 48%, 66%)
HSB
hsb(23, 40%, 82%)
CMYK
cmyk(0%, 24%, 40%, 18%)
Oklch
oklch(74.3% 0.075 53.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#79596C

Rose Purple · DimGray · Camellia

HEX
#79596C
RGB
rgb(121, 89, 108)
HSL
hsl(324, 15%, 41%)
HSB
hsb(324, 26%, 47%)
CMYK
cmyk(0%, 26%, 11%, 53%)
Oklch
oklch(50.4% 0.050 342.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#7F707F

Ink Gray · Gray · Warm Gray

HEX
#7F707F
RGB
rgb(127, 112, 127)
HSL
hsl(300, 6%, 47%)
HSB
hsb(300, 12%, 50%)
CMYK
cmyk(0%, 12%, 0%, 50%)
Oklch
oklch(56.4% 0.029 326.0)

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

#CCCBDC

Wisteria · LightGray · Sky Blue

HEX
#CCCBDC
RGB
rgb(204, 203, 220)
HSL
hsl(244, 20%, 83%)
HSB
hsb(244, 8%, 86%)
CMYK
cmyk(7%, 8%, 0%, 14%)
Oklch
oklch(84.8% 0.023 288.6)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECC49C
9CC4EC

Analogous

EC9C9C
ECC49C
ECEC9C

Triadic

ECC49C
9CECC4
C49CEC

Split-Comp.

ECC49C
9CECEC
9C9CEC

Tetradic

ECC49C
9CEC9C
9CC4EC
EC9CEC

Contrast Matrix WCAG 2.1 Contrast

ECC49C
D29F7F
79596C
7F707F
CCCBDC
—
1.4
Fail
3.7
AA Large
2.9
Fail
1.0
Fail
1.4
Fail
—
2.6
Fail
2.0
Fail
1.5
Fail
3.7
AA Large
2.6
Fail
—
1.3
Fail
3.8
AA Large
2.9
Fail
2.0
Fail
1.3
Fail
—
2.9
Fail
1.0
Fail
1.5
Fail
3.8
AA Large
2.9
Fail
—
White BG
1.6Fail
2.3Fail
6.1AA
4.6AA
1.6Fail
Black BG
12.9AAA
9.0AAA
3.5AA Large
4.5AA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDAA6
BCBB87
6B6B67
79787B
CCCCD8

Deuteranopia

DDE0A8
BFC389
6D6F66
797B7B
CCCCD7

Tritanopia

EAADAF
CF8D8E
776463
7E7978
CCD5D4

Achromatopsia

CBCBCB
ABABAB
656565
767676
CDCDCD

Shades & Tints Shades & Tints

#ECC49C

Dark
Light

#D29F7F

Dark
Light

#79596C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecc49c;
  --color-2: #d29f7f;
  --color-3: #79596c;
  --color-4: #7f707f;
  --color-5: #cccbdc;
}

SCSS

$color-1: #ecc49c;
$color-2: #d29f7f;
$color-3: #79596c;
$color-4: #7f707f;
$color-5: #cccbdc;

TAILWIND

colors: {
  'brand-1': '#ecc49c',
  'brand-2': '#d29f7f',
  'brand-3': '#79596c',
  'brand-4': '#7f707f',
  'brand-5': '#cccbdc',
}

RGB Array

[236, 196, 156], [210, 159, 127], [121, 89, 108], [127, 112, 127], [204, 203, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #ECC49C, #D29F7F, #79596C, #7F707F, #CCCBDC 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: #ecc49c; --color-2: #d29f7f; --color-3: #79596c; --color-4: #7f707f; --color-5: #cccbdc. 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 dark-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