← Back to Editor

#D9C09E · #CCBA47 · #2E2726 · #BDB24F · #EBA698

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

#D9C09E

Goose Yellow · Tan · Warm Sun

HEX
#D9C09E
RGB
rgb(217, 192, 158)
HSL
hsl(35, 44%, 74%)
HSB
hsb(35, 27%, 85%)
CMYK
cmyk(0%, 12%, 27%, 15%)
Oklch
oklch(82.0% 0.054 75.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#CCBA47

Autumn Sage · GoldenRod · Sunflower

HEX
#CCBA47
RGB
rgb(204, 186, 71)
HSL
hsl(52, 57%, 54%)
HSB
hsb(52, 65%, 80%)
CMYK
cmyk(0%, 9%, 65%, 20%)
Oklch
oklch(78.3% 0.135 100.4)

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

#2E2726

Crimson · DarkSlateGray · Deep Berry

HEX
#2E2726
RGB
rgb(46, 39, 38)
HSL
hsl(8, 10%, 16%)
HSB
hsb(8, 17%, 18%)
CMYK
cmyk(0%, 15%, 17%, 82%)
Oklch
oklch(28.0% 0.011 27.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#BDB24F

Autumn Sage · GoldenRod · Sunflower

HEX
#BDB24F
RGB
rgb(189, 178, 79)
HSL
hsl(54, 45%, 53%)
HSB
hsb(54, 58%, 74%)
CMYK
cmyk(0%, 6%, 58%, 26%)
Oklch
oklch(75.3% 0.121 103.0)

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

#EBA698

Peach Pink · BurlyWood · Coral Red

HEX
#EBA698
RGB
rgb(235, 166, 152)
HSL
hsl(10, 67%, 76%)
HSB
hsb(10, 35%, 92%)
CMYK
cmyk(0%, 29%, 35%, 8%)
Oklch
oklch(78.8% 0.085 31.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9C09E
A0B8DA

Analogous

DAA4A0
D9C09E
D5DAA0

Triadic

D9C09E
A0DAC2
C2A0DA

Split-Comp.

D9C09E
A0D5DA
A4A0DA

Tetradic

D9C09E
A0DAA4
A0B8DA
DAA0D5

Contrast Matrix WCAG 2.1 Contrast

D9C09E
CCBA47
2E2726
BDB24F
EBA698
—
1.1
Fail
8.4
AAA
1.2
Fail
1.1
Fail
1.1
Fail
—
7.4
AAA
1.1
Fail
1.0
Fail
8.4
AAA
7.4
AAA
—
6.7
AA
7.3
AAA
1.2
Fail
1.1
Fail
6.7
AA
—
1.1
Fail
1.1
Fail
1.0
Fail
7.3
AAA
1.1
Fail
—
White BG
1.8Fail
2.0Fail
14.6AAA
2.2Fail
2.0Fail
Black BG
12.0AAA
10.7AAA
1.4Fail
9.6AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEA6
C4C463
2B2B26
B8B867
CDCD9B

Deuteranopia

D0D1A8
C5C76A
2B2C26
B9BA6D
D1D69C

Tritanopia

D8ADAE
CB797E
2E2626
BC7A7E
E89E9F

Achromatopsia

C4C4C4
B2B2B2
292929
AAAAAA
B9B9B9

Shades & Tints Shades & Tints

#D9C09E

Dark
Light

#CCBA47

Dark
Light

#2E2726

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9c09e;
  --color-2: #ccba47;
  --color-3: #2e2726;
  --color-4: #bdb24f;
  --color-5: #eba698;
}

SCSS

$color-1: #d9c09e;
$color-2: #ccba47;
$color-3: #2e2726;
$color-4: #bdb24f;
$color-5: #eba698;

TAILWIND

colors: {
  'brand-1': '#d9c09e',
  'brand-2': '#ccba47',
  'brand-3': '#2e2726',
  'brand-4': '#bdb24f',
  'brand-5': '#eba698',
}

RGB Array

[217, 192, 158], [204, 186, 71], [46, 39, 38], [189, 178, 79], [235, 166, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9C09E, #CCBA47, #2E2726, #BDB24F, #EBA698 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: #d9c09e; --color-2: #ccba47; --color-3: #2e2726; --color-4: #bdb24f; --color-5: #eba698. 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