← Back to Editor

#E9EBBC · #C2CC72 · #17120E · #9B9E46 · #2B2314

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

#E9EBBC

Fresh Green · Wheat · Lemon Cream

HEX
#E9EBBC
RGB
rgb(233, 235, 188)
HSL
hsl(63, 54%, 83%)
HSB
hsb(63, 20%, 92%)
CMYK
cmyk(1%, 0%, 20%, 8%)
Oklch
oklch(92.7% 0.061 109.6)

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

#C2CC72

Fresh Green · Tan · Sunflower

HEX
#C2CC72
RGB
rgb(194, 204, 114)
HSL
hsl(67, 47%, 62%)
HSB
hsb(67, 44%, 80%)
CMYK
cmyk(5%, 0%, 44%, 20%)
Oklch
oklch(81.8% 0.115 114.2)

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

#17120E

Tangerine · Black · Cinnamon

HEX
#17120E
RGB
rgb(23, 18, 14)
HSL
hsl(27, 24%, 7%)
HSB
hsb(27, 39%, 9%)
CMYK
cmyk(0%, 22%, 39%, 91%)
Oklch
oklch(18.7% 0.011 60.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#9B9E46

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9B9E46
RGB
rgb(155, 158, 70)
HSL
hsl(62, 39%, 45%)
HSB
hsb(62, 56%, 62%)
CMYK
cmyk(2%, 0%, 56%, 38%)
Oklch
oklch(67.8% 0.112 110.8)

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

#2B2314

Ochre · Black · Cinnamon

HEX
#2B2314
RGB
rgb(43, 35, 20)
HSL
hsl(39, 37%, 12%)
HSB
hsb(39, 53%, 17%)
CMYK
cmyk(0%, 19%, 53%, 83%)
Oklch
oklch(26.1% 0.028 82.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9EBBC
BFBCEB

Analogous

EBD6BC
E9EBBC
D1EBBC

Triadic

E9EBBC
BCE9EB
EBBCE9

Split-Comp.

E9EBBC
BCD1EB
D6BCEB

Tetradic

E9EBBC
BCEBD6
BFBCEB
EBBCD1

Contrast Matrix WCAG 2.1 Contrast

E9EBBC
C2CC72
17120E
9B9E46
2B2314
—
1.4
Fail
15.1
AAA
2.3
Fail
12.6
AAA
1.4
Fail
—
10.8
AAA
1.7
Fail
9.0
AAA
15.1
AAA
10.8
AAA
—
6.5
AA
1.2
Fail
2.3
Fail
1.7
Fail
6.5
AA
—
5.4
AA
12.6
AAA
9.0
AAA
1.2
Fail
5.4
AA
—
White BG
1.2Fail
1.7Fail
18.6AAA
2.8Fail
15.5AAA
Black BG
17.1AAA
12.2AAA
1.1Fail
7.4AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC7
C6C688
15150F
9C9C5B
282718

Deuteranopia

EAEACA
C6C58D
15150F
9C9C60
282919

Tritanopia

E9D0D2
C2999D
171010
9B6C70
2B1A1B

Achromatopsia

E5E5E5
BFBFBF
131313
939393
242424

Shades & Tints Shades & Tints

#E9EBBC

Dark
Light

#C2CC72

Dark
Light

#17120E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9ebbc;
  --color-2: #c2cc72;
  --color-3: #17120e;
  --color-4: #9b9e46;
  --color-5: #2b2314;
}

SCSS

$color-1: #e9ebbc;
$color-2: #c2cc72;
$color-3: #17120e;
$color-4: #9b9e46;
$color-5: #2b2314;

TAILWIND

colors: {
  'brand-1': '#e9ebbc',
  'brand-2': '#c2cc72',
  'brand-3': '#17120e',
  'brand-4': '#9b9e46',
  'brand-5': '#2b2314',
}

RGB Array

[233, 235, 188], [194, 204, 114], [23, 18, 14], [155, 158, 70], [43, 35, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #E9EBBC, #C2CC72, #17120E, #9B9E46, #2B2314 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: #e9ebbc; --color-2: #c2cc72; --color-3: #17120e; --color-4: #9b9e46; --color-5: #2b2314. 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