← Back to Editor

#EACE85 · #C8BD87 · #A6AA87 · #79907E · #4C404C

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

#EACE85

Goose Yellow · BurlyWood · Sunflower

HEX
#EACE85
RGB
rgb(234, 206, 133)
HSL
hsl(43, 71%, 72%)
HSB
hsb(43, 43%, 92%)
CMYK
cmyk(0%, 12%, 43%, 8%)
Oklch
oklch(85.9% 0.097 89.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#C8BD87

Fresh Green · Tan · Sunflower

HEX
#C8BD87
RGB
rgb(200, 189, 135)
HSL
hsl(50, 37%, 66%)
HSB
hsb(50, 32%, 78%)
CMYK
cmyk(0%, 5%, 32%, 22%)
Oklch
oklch(79.4% 0.072 98.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A6AA87

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A6AA87
RGB
rgb(166, 170, 135)
HSL
hsl(67, 17%, 60%)
HSB
hsb(67, 21%, 67%)
CMYK
cmyk(2%, 0%, 21%, 33%)
Oklch
oklch(72.5% 0.049 112.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#79907E

Celadon · Gray · Warm Gray

HEX
#79907E
RGB
rgb(121, 144, 126)
HSL
hsl(133, 9%, 52%)
HSB
hsb(133, 16%, 56%)
CMYK
cmyk(16%, 0%, 12%, 44%)
Oklch
oklch(63.0% 0.037 151.7)

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

#4C404C

Rose Purple · DarkSlateGray · Charcoal

HEX
#4C404C
RGB
rgb(76, 64, 76)
HSL
hsl(300, 9%, 27%)
HSB
hsb(300, 16%, 30%)
CMYK
cmyk(0%, 16%, 0%, 70%)
Oklch
oklch(38.8% 0.025 326.1)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EACE85
85A2EA

Analogous

EA9B85
EACE85
D4EA85

Triadic

EACE85
85EACE
CE85EA

Split-Comp.

EACE85
85D4EA
9B85EA

Tetradic

EACE85
85EA9B
85A2EA
EA85D4

Contrast Matrix WCAG 2.1 Contrast

EACE85
C8BD87
A6AA87
79907E
4C404C
—
1.2
Fail
1.6
Fail
2.2
Fail
6.4
AA
1.2
Fail
—
1.3
Fail
1.8
Fail
5.2
AA
1.6
Fail
1.3
Fail
—
1.4
Fail
4.1
AA Large
2.2
Fail
1.8
Fail
1.4
Fail
—
2.8
Fail
6.4
AA
5.2
AA
4.1
AA Large
2.8
Fail
—
White BG
1.5Fail
1.9Fail
2.4Fail
3.4AA Large
9.8AAA
Black BG
13.7AAA
11.1AAA
8.7AAA
6.1AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDE97
C3C394
A8A88F
838382
474749

Deuteranopia

E0E29B
C4C597
A8A792
828083
484848

Tritanopia

E9A5A8
C79EA1
A69698
7A8687
4B4746

Achromatopsia

CECECE
BABABA
A5A5A5
878787
454545

Shades & Tints Shades & Tints

#EACE85

Dark
Light

#C8BD87

Dark
Light

#A6AA87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eace85;
  --color-2: #c8bd87;
  --color-3: #a6aa87;
  --color-4: #79907e;
  --color-5: #4c404c;
}

SCSS

$color-1: #eace85;
$color-2: #c8bd87;
$color-3: #a6aa87;
$color-4: #79907e;
$color-5: #4c404c;

TAILWIND

colors: {
  'brand-1': '#eace85',
  'brand-2': '#c8bd87',
  'brand-3': '#a6aa87',
  'brand-4': '#79907e',
  'brand-5': '#4c404c',
}

RGB Array

[234, 206, 133], [200, 189, 135], [166, 170, 135], [121, 144, 126], [76, 64, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EACE85, #C8BD87, #A6AA87, #79907E, #4C404C is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eace85; --color-2: #c8bd87; --color-3: #a6aa87; --color-4: #79907e; --color-5: #4c404c. 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. Restrained colors convey professionalism and trust. 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