← Back to Editor

#EDCE9F · #D6968A · #CB6D85 · #C9426A · #4E1C4F

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

#EDCE9F

Goose Yellow · Wheat · Peach Orange

HEX
#EDCE9F
RGB
rgb(237, 206, 159)
HSL
hsl(36, 68%, 78%)
HSB
hsb(36, 33%, 93%)
CMYK
cmyk(0%, 13%, 33%, 7%)
Oklch
oklch(86.6% 0.071 77.9)

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

#D6968A

Peach Pink · DarkSalmon · Coral Red

HEX
#D6968A
RGB
rgb(214, 150, 138)
HSL
hsl(9, 48%, 69%)
HSB
hsb(9, 36%, 84%)
CMYK
cmyk(0%, 30%, 36%, 16%)
Oklch
oklch(73.3% 0.080 30.9)

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

#CB6D85

Peach Pink · LightCoral · Coral Red

HEX
#CB6D85
RGB
rgb(203, 109, 133)
HSL
hsl(345, 47%, 61%)
HSB
hsb(345, 46%, 80%)
CMYK
cmyk(0%, 46%, 34%, 20%)
Oklch
oklch(64.8% 0.121 4.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C9426A

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C9426A
RGB
rgb(201, 66, 106)
HSL
hsl(342, 56%, 52%)
HSB
hsb(342, 67%, 79%)
CMYK
cmyk(0%, 67%, 47%, 21%)
Oklch
oklch(58.0% 0.173 6.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#4E1C4F

Dark Plum · DarkSlateGray · Eggplant

HEX
#4E1C4F
RGB
rgb(78, 28, 79)
HSL
hsl(299, 48%, 21%)
HSB
hsb(299, 65%, 31%)
CMYK
cmyk(1%, 65%, 0%, 69%)
Oklch
oklch(32.4% 0.104 326.9)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDCE9F
A1BFED

Analogous

EDA8A1
EDCE9F
E5EDA1

Triadic

EDCE9F
A1EDCF
CFA1ED

Split-Comp.

EDCE9F
A1E5ED
A8A1ED

Tetradic

EDCE9F
A1EDA8
A1BFED
EDA1E5

Contrast Matrix WCAG 2.1 Contrast

EDCE9F
D6968A
CB6D85
C9426A
4E1C4F
—
1.6
Fail
2.3
Fail
3.1
AA Large
8.7
AAA
1.6
Fail
—
1.4
Fail
1.9
Fail
5.4
AA
2.3
Fail
1.4
Fail
—
1.4
Fail
3.8
AA Large
3.1
AA Large
1.9
Fail
1.4
Fail
—
2.8
Fail
8.7
AAA
5.4
AA
3.8
AA Large
2.8
Fail
—
White BG
1.5Fail
2.4Fail
3.5AA Large
4.7AA
13.1AAA
Black BG
13.9AAA
8.6AAA
6.1AA
4.5AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0DFAA
BABA8D
A2A17F
8F8D60
383843

Deuteranopia

E1E4AD
BEC38E
A8AF7E
96A15E
3B3F40

Tritanopia

EBB3B5
D38F90
C67B7A
C25957
4C3937

Achromatopsia

D2D2D2
A8A8A8
8C8C8C
6F6F6F
313131

Shades & Tints Shades & Tints

#EDCE9F

Dark
Light

#D6968A

Dark
Light

#CB6D85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edce9f;
  --color-2: #d6968a;
  --color-3: #cb6d85;
  --color-4: #c9426a;
  --color-5: #4e1c4f;
}

SCSS

$color-1: #edce9f;
$color-2: #d6968a;
$color-3: #cb6d85;
$color-4: #c9426a;
$color-5: #4e1c4f;

TAILWIND

colors: {
  'brand-1': '#edce9f',
  'brand-2': '#d6968a',
  'brand-3': '#cb6d85',
  'brand-4': '#c9426a',
  'brand-5': '#4e1c4f',
}

RGB Array

[237, 206, 159], [214, 150, 138], [203, 109, 133], [201, 66, 106], [78, 28, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDCE9F, #D6968A, #CB6D85, #C9426A, #4E1C4F 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: #edce9f; --color-2: #d6968a; --color-3: #cb6d85; --color-4: #c9426a; --color-5: #4e1c4f. 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