← Back to Editor

#EACE9C · #EDAD91 · #EF6C78 · #D34B64 · #6E757B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EACE9C

Goose Yellow · Khaki · Peach Orange

HEX
#EACE9C
RGB
rgb(234, 206, 156)
HSL
hsl(38, 65%, 76%)
HSB
hsb(38, 33%, 92%)
CMYK
cmyk(0%, 12%, 33%, 8%)
Oklch
oklch(86.3% 0.072 81.8)

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

#EDAD91

Apricot · BurlyWood · Warm Sun

HEX
#EDAD91
RGB
rgb(237, 173, 145)
HSL
hsl(18, 72%, 75%)
HSB
hsb(18, 39%, 93%)
CMYK
cmyk(0%, 27%, 39%, 7%)
Oklch
oklch(80.1% 0.085 44.6)

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

#EF6C78

Peach Pink · LightCoral · Coral Red

HEX
#EF6C78
RGB
rgb(239, 108, 120)
HSL
hsl(355, 80%, 68%)
HSB
hsb(355, 55%, 94%)
CMYK
cmyk(0%, 55%, 50%, 6%)
Oklch
oklch(69.3% 0.162 16.7)

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

#D34B64

Vermilion · Tomato · Passion Red

HEX
#D34B64
RGB
rgb(211, 75, 100)
HSL
hsl(349, 61%, 56%)
HSB
hsb(349, 64%, 83%)
CMYK
cmyk(0%, 64%, 53%, 17%)
Oklch
oklch(60.4% 0.171 12.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#6E757B

Ink Gray · Gray · Warm Gray

HEX
#6E757B
RGB
rgb(110, 117, 123)
HSL
hsl(208, 6%, 46%)
HSB
hsb(208, 11%, 48%)
CMYK
cmyk(11%, 5%, 0%, 52%)
Oklch
oklch(55.8% 0.013 243.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EACE9C
9AB7EA

Analogous

EAA59A
EACE9C
DFEA9A

Triadic

EACE9C
9AEACC
CC9AEA

Split-Comp.

EACE9C
9ADFEA
A59AEA

Tetradic

EACE9C
9AEAA5
9AB7EA
EA9ADF

Contrast Matrix WCAG 2.1 Contrast

EACE9C
EDAD91
EF6C78
D34B64
6E757B
—
1.3
Fail
1.9
Fail
2.8
Fail
3.1
AA Large
1.3
Fail
—
1.6
Fail
2.2
Fail
2.4
Fail
1.9
Fail
1.6
Fail
—
1.4
Fail
1.6
Fail
2.8
Fail
2.2
Fail
1.4
Fail
—
1.1
Fail
3.1
AA Large
2.4
Fail
1.6
Fail
1.1
Fail
—
White BG
1.5Fail
1.9Fail
3.0Fail
4.2AA Large
4.7AA
Black BG
13.8AAA
11.0AAA
7.1AAA
5.0AA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEA8
D1D198
B6B575
98975E
71717A

Deuteranopia

E0E2AB
D5DA99
BEC874
A0AA5D
717079

Tritanopia

E9B2B4
EA9D9E
E87372
CC5958
6E7878

Achromatopsia

D1D1D1
BDBDBD
959595
777777
747474

Shades & Tints Shades & Tints

#EACE9C

Dark
Light

#EDAD91

Dark
Light

#EF6C78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eace9c;
  --color-2: #edad91;
  --color-3: #ef6c78;
  --color-4: #d34b64;
  --color-5: #6e757b;
}

SCSS

$color-1: #eace9c;
$color-2: #edad91;
$color-3: #ef6c78;
$color-4: #d34b64;
$color-5: #6e757b;

TAILWIND

colors: {
  'brand-1': '#eace9c',
  'brand-2': '#edad91',
  'brand-3': '#ef6c78',
  'brand-4': '#d34b64',
  'brand-5': '#6e757b',
}

RGB Array

[234, 206, 156], [237, 173, 145], [239, 108, 120], [211, 75, 100], [110, 117, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EACE9C, #EDAD91, #EF6C78, #D34B64, #6E757B is ideal for: corporate websites, product showcases, portfolios. 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: #eace9c; --color-2: #edad91; --color-3: #ef6c78; --color-4: #d34b64; --color-5: #6e757b. 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. 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