← Back to Editor

#EDCAA4 · #F5AD9F · #EB7889 · #9E5773 · #574C5E

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

#EDCAA4

Goose Yellow · Wheat · Peach Orange

HEX
#EDCAA4
RGB
rgb(237, 202, 164)
HSL
hsl(31, 67%, 79%)
HSB
hsb(31, 31%, 93%)
CMYK
cmyk(0%, 15%, 31%, 7%)
Oklch
oklch(86.0% 0.064 69.1)

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

#F5AD9F

Peach Pink · BurlyWood · Coral Red

HEX
#F5AD9F
RGB
rgb(245, 173, 159)
HSL
hsl(10, 81%, 79%)
HSB
hsb(10, 35%, 96%)
CMYK
cmyk(0%, 29%, 35%, 4%)
Oklch
oklch(81.2% 0.088 31.3)

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

#EB7889

Peach Pink · LightCoral · Coral Red

HEX
#EB7889
RGB
rgb(235, 120, 137)
HSL
hsl(351, 74%, 70%)
HSB
hsb(351, 49%, 92%)
CMYK
cmyk(0%, 49%, 42%, 8%)
Oklch
oklch(70.8% 0.142 12.1)

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

#9E5773

Dark Violet · Gray · Camellia

HEX
#9E5773
RGB
rgb(158, 87, 115)
HSL
hsl(336, 29%, 48%)
HSB
hsb(336, 45%, 62%)
CMYK
cmyk(0%, 45%, 27%, 38%)
Oklch
oklch(54.8% 0.099 355.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#574C5E

Dark Plum · DimGray · Eggplant

HEX
#574C5E
RGB
rgb(87, 76, 94)
HSL
hsl(277, 11%, 33%)
HSB
hsb(277, 19%, 37%)
CMYK
cmyk(7%, 19%, 0%, 63%)
Oklch
oklch(43.4% 0.032 312.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDCAA4
A6C8ED

Analogous

EDA7A6
EDCAA4
ECEDA6

Triadic

EDCAA4
A6EDCB
CBA6ED

Split-Comp.

EDCAA4
A6ECED
A7A6ED

Tetradic

EDCAA4
A6EDA7
A6C8ED
EDA6EC

Contrast Matrix WCAG 2.1 Contrast

EDCAA4
F5AD9F
EB7889
9E5773
574C5E
—
1.2
Fail
1.8
Fail
3.3
AA Large
5.2
AA
1.2
Fail
—
1.5
Fail
2.8
Fail
4.4
AA Large
1.8
Fail
1.5
Fail
—
1.9
Fail
2.9
Fail
3.3
AA Large
2.8
Fail
1.9
Fail
—
1.6
Fail
5.2
AA
4.4
AA Large
2.9
Fail
1.6
Fail
—
White BG
1.5Fail
1.8Fail
2.8Fail
5.2AA
8.1AAA
Black BG
13.6AAA
11.4AAA
7.6AAA
4.1AA Large
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEAD
D6D5A2
B9B885
7F7F6C
52525A

Deuteranopia

E0E2AF
DADFA3
C0C984
83896B
535459

Tritanopia

EBB4B6
F1A5A6
E58281
9A6766
565655

Achromatopsia

D0D0D0
C1C1C1
9C9C9C
6F6F6F
515151

Shades & Tints Shades & Tints

#EDCAA4

Dark
Light

#F5AD9F

Dark
Light

#EB7889

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edcaa4;
  --color-2: #f5ad9f;
  --color-3: #eb7889;
  --color-4: #9e5773;
  --color-5: #574c5e;
}

SCSS

$color-1: #edcaa4;
$color-2: #f5ad9f;
$color-3: #eb7889;
$color-4: #9e5773;
$color-5: #574c5e;

TAILWIND

colors: {
  'brand-1': '#edcaa4',
  'brand-2': '#f5ad9f',
  'brand-3': '#eb7889',
  'brand-4': '#9e5773',
  'brand-5': '#574c5e',
}

RGB Array

[237, 202, 164], [245, 173, 159], [235, 120, 137], [158, 87, 115], [87, 76, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDCAA4, #F5AD9F, #EB7889, #9E5773, #574C5E 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: #edcaa4; --color-2: #f5ad9f; --color-3: #eb7889; --color-4: #9e5773; --color-5: #574c5e. 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