← Back to Editor

#85D9A0 · #EFE8CF · #CECC6C · #85723E · #2F1C05

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

#85D9A0

Emerald · LightGreen · Apple Green

HEX
#85D9A0
RGB
rgb(133, 217, 160)
HSL
hsl(139, 53%, 69%)
HSB
hsb(139, 39%, 85%)
CMYK
cmyk(39%, 0%, 26%, 15%)
Oklch
oklch(81.7% 0.115 153.5)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#EFE8CF

Goose Yellow · Beige · Lemon Cream

HEX
#EFE8CF
RGB
rgb(239, 232, 207)
HSL
hsl(47, 50%, 87%)
HSB
hsb(47, 13%, 94%)
CMYK
cmyk(0%, 3%, 13%, 6%)
Oklch
oklch(93.0% 0.034 94.1)

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

#CECC6C

Fresh Green · BurlyWood · Sunflower

HEX
#CECC6C
RGB
rgb(206, 204, 108)
HSL
hsl(59, 50%, 62%)
HSB
hsb(59, 48%, 81%)
CMYK
cmyk(0%, 1%, 48%, 19%)
Oklch
oklch(82.7% 0.119 107.7)

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

#85723E

Ochre · Sienna · Honey Gold

HEX
#85723E
RGB
rgb(133, 114, 62)
HSL
hsl(44, 36%, 38%)
HSB
hsb(44, 53%, 52%)
CMYK
cmyk(0%, 14%, 53%, 48%)
Oklch
oklch(55.8% 0.075 89.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#2F1C05

Ochre · Black · Cinnamon

HEX
#2F1C05
RGB
rgb(47, 28, 5)
HSL
hsl(33, 81%, 10%)
HSB
hsb(33, 89%, 18%)
CMYK
cmyk(0%, 40%, 89%, 82%)
Oklch
oklch(24.6% 0.046 68.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85D9A0
DA86BF

Analogous

95DA86
85D9A0
86DACA

Triadic

85D9A0
A186DA
DAA186

Split-Comp.

85D9A0
CA86DA
DA8695

Tetradic

85D9A0
8695DA
DA86BF
DACA86

Contrast Matrix WCAG 2.1 Contrast

85D9A0
EFE8CF
CECC6C
85723E
2F1C05
—
1.4
Fail
1.0
Fail
2.8
Fail
9.6
AAA
1.4
Fail
—
1.4
Fail
3.8
AA Large
13.3
AAA
1.0
Fail
1.4
Fail
—
2.8
Fail
9.7
AAA
2.8
Fail
3.8
AA Large
2.8
Fail
—
3.5
AA Large
9.6
AAA
13.3
AAA
9.7
AAA
3.5
AA Large
—
White BG
1.7Fail
1.2Fail
1.7Fail
4.7AA
16.3AAA
Black BG
12.4AAA
17.1AAA
12.5AAA
4.5AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9AAAE
ECECD5
CDCD83
7D7D4B
27270B

Deuteranopia

A59EB1
ECEDD6
CDCD89
7E7F4E
28290C

Tritanopia

89B9BB
EFDADB
CE969A
845557
2E0F10

Achromatopsia

B9B9B9
E7E7E7
C2C2C2
727272
1F1F1F

Shades & Tints Shades & Tints

#85D9A0

Dark
Light

#EFE8CF

Dark
Light

#CECC6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85d9a0;
  --color-2: #efe8cf;
  --color-3: #cecc6c;
  --color-4: #85723e;
  --color-5: #2f1c05;
}

SCSS

$color-1: #85d9a0;
$color-2: #efe8cf;
$color-3: #cecc6c;
$color-4: #85723e;
$color-5: #2f1c05;

TAILWIND

colors: {
  'brand-1': '#85d9a0',
  'brand-2': '#efe8cf',
  'brand-3': '#cecc6c',
  'brand-4': '#85723e',
  'brand-5': '#2f1c05',
}

RGB Array

[133, 217, 160], [239, 232, 207], [206, 204, 108], [133, 114, 62], [47, 28, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #85D9A0, #EFE8CF, #CECC6C, #85723E, #2F1C05 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: #85d9a0; --color-2: #efe8cf; --color-3: #cecc6c; --color-4: #85723e; --color-5: #2f1c05. 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