← Back to Editor

#E5CB55 · #5E5F4A · #9B935F · #EEEACE · #D0C78C

coffee

A 5-color coffee 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

#E5CB55

Ginger · SandyBrown · Sunflower

HEX
#E5CB55
RGB
rgb(229, 203, 85)
HSL
hsl(49, 73%, 62%)
HSB
hsb(49, 63%, 90%)
CMYK
cmyk(0%, 11%, 63%, 10%)
Oklch
oklch(84.2% 0.139 96.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#5E5F4A

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5E5F4A
RGB
rgb(94, 95, 74)
HSL
hsl(63, 12%, 33%)
HSB
hsb(63, 22%, 37%)
CMYK
cmyk(1%, 0%, 22%, 63%)
Oklch
oklch(47.8% 0.032 109.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9B935F

Autumn Sage · Gray · Honey Gold

HEX
#9B935F
RGB
rgb(155, 147, 95)
HSL
hsl(52, 24%, 49%)
HSB
hsb(52, 39%, 61%)
CMYK
cmyk(0%, 5%, 39%, 39%)
Oklch
oklch(65.8% 0.072 100.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EEEACE

Fresh Green · Beige · Lemon Cream

HEX
#EEEACE
RGB
rgb(238, 234, 206)
HSL
hsl(52, 48%, 87%)
HSB
hsb(52, 13%, 93%)
CMYK
cmyk(0%, 2%, 13%, 7%)
Oklch
oklch(93.3% 0.037 100.4)

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

#D0C78C

Fresh Green · Tan · Sunflower

HEX
#D0C78C
RGB
rgb(208, 199, 140)
HSL
hsl(52, 42%, 68%)
HSB
hsb(52, 33%, 82%)
CMYK
cmyk(0%, 4%, 33%, 18%)
Oklch
oklch(82.3% 0.078 100.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5CB55
5771E5

Analogous

E58457
E5CB55
B8E557

Triadic

E5CB55
57E5CB
CB57E5

Split-Comp.

E5CB55
57B8E5
8457E5

Tetradic

E5CB55
57E584
5771E5
E557B8

Contrast Matrix WCAG 2.1 Contrast

E5CB55
5E5F4A
9B935F
EEEACE
D0C78C
—
4.0
AA Large
1.9
Fail
1.3
Fail
1.1
Fail
4.0
AA Large
—
2.1
Fail
5.4
AA
3.8
AA Large
1.9
Fail
2.1
Fail
—
2.6
Fail
1.8
Fail
1.3
Fail
5.4
AA
2.6
Fail
—
1.4
Fail
1.1
Fail
3.8
AA Large
1.8
Fail
1.4
Fail
—
White BG
1.6Fail
6.5AA
3.1AA Large
1.2Fail
1.7Fail
Black BG
13.0AAA
3.2AA Large
6.7AA
17.3AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADA72
5E5E4F
98976C
ECECD5
CCCC9A

Deuteranopia

DBDD78
5E5E50
98996F
EDEDD6
CDCD9E

Tritanopia

E4888D
5E5354
9B7678
EEDADB
D0A6A8

Achromatopsia

C5C5C5
5C5C5C
8F8F8F
E8E8E8
C3C3C3

Shades & Tints Shades & Tints

#E5CB55

Dark
Light

#5E5F4A

Dark
Light

#9B935F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5cb55;
  --color-2: #5e5f4a;
  --color-3: #9b935f;
  --color-4: #eeeace;
  --color-5: #d0c78c;
}

SCSS

$color-1: #e5cb55;
$color-2: #5e5f4a;
$color-3: #9b935f;
$color-4: #eeeace;
$color-5: #d0c78c;

TAILWIND

colors: {
  'brand-1': '#e5cb55',
  'brand-2': '#5e5f4a',
  'brand-3': '#9b935f',
  'brand-4': '#eeeace',
  'brand-5': '#d0c78c',
}

RGB Array

[229, 203, 85], [94, 95, 74], [155, 147, 95], [238, 234, 206], [208, 199, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #E5CB55, #5E5F4A, #9B935F, #EEEACE, #D0C78C 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: #e5cb55; --color-2: #5e5f4a; --color-3: #9b935f; --color-4: #eeeace; --color-5: #d0c78c. 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 coffee-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