← Back to Editor

#EDDC8F · #C0B36C · #888172 · #674F42 · #CD8B68

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

#EDDC8F

Goose Yellow · Khaki · Sunflower

HEX
#EDDC8F
RGB
rgb(237, 220, 143)
HSL
hsl(49, 72%, 75%)
HSB
hsb(49, 40%, 93%)
CMYK
cmyk(0%, 7%, 40%, 7%)
Oklch
oklch(89.1% 0.099 97.2)

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

#C0B36C

Autumn Sage · Tan · Sunflower

HEX
#C0B36C
RGB
rgb(192, 179, 108)
HSL
hsl(51, 40%, 59%)
HSB
hsb(51, 44%, 75%)
CMYK
cmyk(0%, 7%, 44%, 25%)
Oklch
oklch(76.2% 0.093 99.2)

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

#888172

Ochre · Gray · Warm Gray

HEX
#888172
RGB
rgb(136, 129, 114)
HSL
hsl(41, 9%, 49%)
HSB
hsb(41, 16%, 53%)
CMYK
cmyk(0%, 5%, 16%, 47%)
Oklch
oklch(60.5% 0.024 86.0)

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

#674F42

Tangerine · DarkOliveGreen · Amber Brown

HEX
#674F42
RGB
rgb(103, 79, 66)
HSL
hsl(21, 22%, 33%)
HSB
hsb(21, 36%, 40%)
CMYK
cmyk(0%, 23%, 36%, 60%)
Oklch
oklch(44.9% 0.038 49.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#CD8B68

Apricot · DarkSalmon · Warm Sun

HEX
#CD8B68
RGB
rgb(205, 139, 104)
HSL
hsl(21, 50%, 61%)
HSB
hsb(21, 49%, 80%)
CMYK
cmyk(0%, 32%, 49%, 20%)
Oklch
oklch(69.5% 0.094 48.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDC8F
91A2ED

Analogous

EDAE91
EDDC8F
D0ED91

Triadic

EDDC8F
91EDDC
DC91ED

Split-Comp.

EDDC8F
91D0ED
AE91ED

Tetradic

EDDC8F
91EDAE
91A2ED
ED91D0

Contrast Matrix WCAG 2.1 Contrast

EDDC8F
C0B36C
888172
674F42
CD8B68
—
1.5
Fail
2.8
Fail
5.5
AA
2.0
Fail
1.5
Fail
—
1.8
Fail
3.6
AA Large
1.3
Fail
2.8
Fail
1.8
Fail
—
2.0
Fail
1.4
Fail
5.5
AA
3.6
AA Large
2.0
Fail
—
2.7
Fail
2.0
Fail
1.3
Fail
1.4
Fail
2.7
Fail
—
White BG
1.4Fail
2.1Fail
3.9AA Large
7.6AAA
2.8Fail
Black BG
15.2AAA
9.9AAA
5.4AA
2.8Fail
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E5A2
BABA7D
858576
5D5C45
B0B070

Deuteranopia

E7E8A6
BBBC81
858677
5E6046
B4B973

Tritanopia

ECB0B4
BF8B8E
887879
664848
CA7779

Achromatopsia

D8D8D8
AFAFAF
818181
555555
9B9B9B

Shades & Tints Shades & Tints

#EDDC8F

Dark
Light

#C0B36C

Dark
Light

#888172

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddc8f;
  --color-2: #c0b36c;
  --color-3: #888172;
  --color-4: #674f42;
  --color-5: #cd8b68;
}

SCSS

$color-1: #eddc8f;
$color-2: #c0b36c;
$color-3: #888172;
$color-4: #674f42;
$color-5: #cd8b68;

TAILWIND

colors: {
  'brand-1': '#eddc8f',
  'brand-2': '#c0b36c',
  'brand-3': '#888172',
  'brand-4': '#674f42',
  'brand-5': '#cd8b68',
}

RGB Array

[237, 220, 143], [192, 179, 108], [136, 129, 114], [103, 79, 66], [205, 139, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDC8F, #C0B36C, #888172, #674F42, #CD8B68 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: #eddc8f; --color-2: #c0b36c; --color-3: #888172; --color-4: #674f42; --color-5: #cd8b68. 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