← Back to Editor

#D9CC95 · #EEA9A4 · #B47A79 · #7A727D · #6EA087

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 Library

Color Details Color Details

#D9CC95

Goose Yellow · BurlyWood · Sunflower

HEX
#D9CC95
RGB
rgb(217, 204, 149)
HSL
hsl(49, 47%, 72%)
HSB
hsb(49, 31%, 85%)
CMYK
cmyk(0%, 6%, 31%, 15%)
Oklch
oklch(84.3% 0.073 96.4)

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

#EEA9A4

Peach Pink · LightPink · Coral Red

HEX
#EEA9A4
RGB
rgb(238, 169, 164)
HSL
hsl(4, 69%, 79%)
HSB
hsb(4, 31%, 93%)
CMYK
cmyk(0%, 29%, 31%, 7%)
Oklch
oklch(79.9% 0.082 23.7)

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

#B47A79

Crimson · Gray · Passion Red

HEX
#B47A79
RGB
rgb(180, 122, 121)
HSL
hsl(1, 28%, 59%)
HSB
hsb(1, 33%, 71%)
CMYK
cmyk(0%, 32%, 33%, 29%)
Oklch
oklch(63.9% 0.073 20.4)

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

#7A727D

Ink Gray · Gray · Warm Gray

HEX
#7A727D
RGB
rgb(122, 114, 125)
HSL
hsl(284, 5%, 47%)
HSB
hsb(284, 9%, 49%)
CMYK
cmyk(2%, 9%, 0%, 51%)
Oklch
oklch(56.3% 0.019 316.9)

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

#6EA087

Mineral Blue · CadetBlue · Olive Green

HEX
#6EA087
RGB
rgb(110, 160, 135)
HSL
hsl(150, 21%, 53%)
HSB
hsb(150, 31%, 63%)
CMYK
cmyk(31%, 0%, 16%, 37%)
Oklch
oklch(66.3% 0.065 162.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CC95
96A2D9

Analogous

D9AB96
D9CC95
C4D996

Triadic

D9CC95
96D9CD
CD96D9

Split-Comp.

D9CC95
96C4D9
AB96D9

Tetradic

D9CC95
96D9AB
96A2D9
D996C4

Contrast Matrix WCAG 2.1 Contrast

D9CC95
EEA9A4
B47A79
7A727D
6EA087
—
1.2
Fail
2.2
Fail
2.9
Fail
1.8
Fail
1.2
Fail
—
1.8
Fail
2.4
Fail
1.5
Fail
2.2
Fail
1.8
Fail
—
1.3
Fail
1.2
Fail
2.9
Fail
2.4
Fail
1.3
Fail
—
1.6
Fail
1.8
Fail
1.5
Fail
1.2
Fail
1.6
Fail
—
White BG
1.6Fail
1.9Fail
3.5AA Large
4.6AA
3.0Fail
Black BG
13.0AAA
10.8AAA
6.0AA
4.5AA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3A2
D0D0A5
9B9A79
77767A
84848D

Deuteranopia

D4D5A6
D4D9A6
9EA379
77787A
817D8F

Tritanopia

D8ADAF
EBA6A6
B17979
7A7878
719293

Achromatopsia

CACACA
BDBDBD
8B8B8B
767676
8E8E8E

Shades & Tints Shades & Tints

#D9CC95

Dark
Light

#EEA9A4

Dark
Light

#B47A79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9cc95;
  --color-2: #eea9a4;
  --color-3: #b47a79;
  --color-4: #7a727d;
  --color-5: #6ea087;
}

SCSS

$color-1: #d9cc95;
$color-2: #eea9a4;
$color-3: #b47a79;
$color-4: #7a727d;
$color-5: #6ea087;

TAILWIND

colors: {
  'brand-1': '#d9cc95',
  'brand-2': '#eea9a4',
  'brand-3': '#b47a79',
  'brand-4': '#7a727d',
  'brand-5': '#6ea087',
}

RGB Array

[217, 204, 149], [238, 169, 164], [180, 122, 121], [122, 114, 125], [110, 160, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CC95, #EEA9A4, #B47A79, #7A727D, #6EA087 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: #d9cc95; --color-2: #eea9a4; --color-3: #b47a79; --color-4: #7a727d; --color-5: #6ea087. 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