← Back to Editor

#D9FFBF · #E6E18E · #BD8B68 · #783A3A · #49262F

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

#D9FFBF

Emerald · Beige · Mint Green

HEX
#D9FFBF
RGB
rgb(217, 255, 191)
HSL
hsl(96, 100%, 87%)
HSB
hsb(96, 25%, 100%)
CMYK
cmyk(15%, 0%, 25%, 0%)
Oklch
oklch(95.7% 0.092 132.9)

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

#E6E18E

Fresh Green · Khaki · Sunflower

HEX
#E6E18E
RGB
rgb(230, 225, 142)
HSL
hsl(57, 64%, 73%)
HSB
hsb(57, 38%, 90%)
CMYK
cmyk(0%, 2%, 38%, 10%)
Oklch
oklch(89.5% 0.104 105.3)

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

#BD8B68

Tangerine · DarkSalmon · Warm Sun

HEX
#BD8B68
RGB
rgb(189, 139, 104)
HSL
hsl(25, 39%, 57%)
HSB
hsb(25, 45%, 74%)
CMYK
cmyk(0%, 26%, 45%, 26%)
Oklch
oklch(67.7% 0.078 56.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#783A3A

Crimson · Sienna · Wine Red

HEX
#783A3A
RGB
rgb(120, 58, 58)
HSL
hsl(0, 35%, 35%)
HSB
hsb(0, 52%, 47%)
CMYK
cmyk(0%, 52%, 52%, 53%)
Oklch
oklch(42.9% 0.087 21.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#49262F

Crimson · DarkSlateGray · Wine Red

HEX
#49262F
RGB
rgb(73, 38, 47)
HSL
hsl(345, 32%, 22%)
HSB
hsb(345, 48%, 29%)
CMYK
cmyk(0%, 48%, 36%, 71%)
Oklch
oklch(31.8% 0.054 4.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9FFBF
E4BDFF

Analogous

F8FFBD
D9FFBF
BDFFC3

Triadic

D9FFBF
BDD7FF
FFBDD7

Split-Comp.

D9FFBF
C3BDFF
FFBDF8

Tetradic

D9FFBF
BDF8FF
E4BDFF
FFC3BD

Contrast Matrix WCAG 2.1 Contrast

D9FFBF
E6E18E
BD8B68
783A3A
49262F
—
1.2
Fail
2.7
Fail
7.7
AAA
11.9
AAA
1.2
Fail
—
2.2
Fail
6.3
AA
9.7
AAA
2.7
Fail
2.2
Fail
—
2.9
Fail
4.4
AA Large
7.7
AAA
6.3
AA
2.9
Fail
—
1.5
Fail
11.9
AAA
9.7
AAA
4.4
AA Large
1.5
Fail
—
White BG
1.1Fail
1.4Fail
3.0Fail
8.5AAA
13.1AAA
Black BG
19.0AAA
15.5AAA
7.1AAA
2.5Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9EACE
E4E4A2
A7A770
5D5D3A
3A3A2D

Deuteranopia

E7E4D2
E4E5A7
AAAE73
61653A
3C3E2C

Tritanopia

DBDBDD
E6B2B5
BA7779
753A3A
472B2B

Achromatopsia

ECECEC
D9D9D9
969696
4D4D4D
313131

Shades & Tints Shades & Tints

#D9FFBF

Dark
Light

#E6E18E

Dark
Light

#BD8B68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9ffbf;
  --color-2: #e6e18e;
  --color-3: #bd8b68;
  --color-4: #783a3a;
  --color-5: #49262f;
}

SCSS

$color-1: #d9ffbf;
$color-2: #e6e18e;
$color-3: #bd8b68;
$color-4: #783a3a;
$color-5: #49262f;

TAILWIND

colors: {
  'brand-1': '#d9ffbf',
  'brand-2': '#e6e18e',
  'brand-3': '#bd8b68',
  'brand-4': '#783a3a',
  'brand-5': '#49262f',
}

RGB Array

[217, 255, 191], [230, 225, 142], [189, 139, 104], [120, 58, 58], [73, 38, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #D9FFBF, #E6E18E, #BD8B68, #783A3A, #49262F 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: #d9ffbf; --color-2: #e6e18e; --color-3: #bd8b68; --color-4: #783a3a; --color-5: #49262f. 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