← Back to Editor

#592F3F · #D9CA9C · #BFAD8A · #8C745E · #59433E

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

#592F3F

Dark Violet · DarkSlateGray · Camellia

HEX
#592F3F
RGB
rgb(89, 47, 63)
HSL
hsl(337, 31%, 27%)
HSB
hsb(337, 47%, 35%)
CMYK
cmyk(0%, 47%, 29%, 65%)
Oklch
oklch(36.5% 0.065 356.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#D9CA9C

Goose Yellow · Tan · Sunflower

HEX
#D9CA9C
RGB
rgb(217, 202, 156)
HSL
hsl(45, 45%, 73%)
HSB
hsb(45, 28%, 85%)
CMYK
cmyk(0%, 7%, 28%, 15%)
Oklch
oklch(84.0% 0.063 92.1)

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

#BFAD8A

Ginger · Tan · Sunflower

HEX
#BFAD8A
RGB
rgb(191, 173, 138)
HSL
hsl(40, 29%, 65%)
HSB
hsb(40, 28%, 75%)
CMYK
cmyk(0%, 9%, 28%, 25%)
Oklch
oklch(75.4% 0.052 83.9)

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

#8C745E

Tangerine · Gray · Amber Brown

HEX
#8C745E
RGB
rgb(140, 116, 94)
HSL
hsl(29, 20%, 46%)
HSB
hsb(29, 33%, 55%)
CMYK
cmyk(0%, 17%, 33%, 45%)
Oklch
oklch(57.6% 0.044 64.3)

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

#59433E

Crimson · DarkOliveGreen · Wine Red

HEX
#59433E
RGB
rgb(89, 67, 62)
HSL
hsl(11, 18%, 30%)
HSB
hsb(11, 30%, 35%)
CMYK
cmyk(0%, 25%, 30%, 65%)
Oklch
oklch(40.5% 0.032 33.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

592F3F
305A4A

Analogous

5A3055
592F3F
5A3430

Triadic

592F3F
405A30
30405A

Split-Comp.

592F3F
305A34
30555A

Tetradic

592F3F
555A30
305A4A
34305A

Contrast Matrix WCAG 2.1 Contrast

592F3F
D9CA9C
BFAD8A
8C745E
59433E
—
6.8
AA
5.0
AA
2.5
Fail
1.2
Fail
6.8
AA
—
1.3
Fail
2.7
Fail
5.6
AA
5.0
AA
1.3
Fail
—
2.0
Fail
4.2
AA Large
2.5
Fail
2.7
Fail
2.0
Fail
—
2.1
Fail
1.2
Fail
5.6
AA
4.2
AA Large
2.1
Fail
—
White BG
11.0AAA
1.6Fail
2.2Fail
4.4AA Large
9.1AAA
Black BG
1.9Fail
12.9AAA
9.6AAA
4.8AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

47463B
D3D2A7
B7B792
828163
4F4F3F

Deuteranopia

494C3A
D3D4AA
B8BA95
838565
515240

Tritanopia

573837
D8B0B2
BE999B
8B6868
584040

Achromatopsia

3D3D3D
C9C9C9
AEAEAE
797979
494949

Shades & Tints Shades & Tints

#592F3F

Dark
Light

#D9CA9C

Dark
Light

#BFAD8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #592f3f;
  --color-2: #d9ca9c;
  --color-3: #bfad8a;
  --color-4: #8c745e;
  --color-5: #59433e;
}

SCSS

$color-1: #592f3f;
$color-2: #d9ca9c;
$color-3: #bfad8a;
$color-4: #8c745e;
$color-5: #59433e;

TAILWIND

colors: {
  'brand-1': '#592f3f',
  'brand-2': '#d9ca9c',
  'brand-3': '#bfad8a',
  'brand-4': '#8c745e',
  'brand-5': '#59433e',
}

RGB Array

[89, 47, 63], [217, 202, 156], [191, 173, 138], [140, 116, 94], [89, 67, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #592F3F, #D9CA9C, #BFAD8A, #8C745E, #59433E is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #592f3f; --color-2: #d9ca9c; --color-3: #bfad8a; --color-4: #8c745e; --color-5: #59433e. 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. Restrained colors convey professionalism and trust. 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