← Back to Editor

#0A0605 · #4B2115 · #79371D · #AF6039 · #E89760

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

#0A0605

Crimson · Black · Deep Berry

HEX
#0A0605
RGB
rgb(10, 6, 5)
HSL
hsl(12, 33%, 3%)
HSB
hsb(12, 50%, 4%)
CMYK
cmyk(0%, 40%, 50%, 96%)
Oklch
oklch(12.8% 0.009 37.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#4B2115

Crimson · Maroon · Deep Berry

HEX
#4B2115
RGB
rgb(75, 33, 21)
HSL
hsl(13, 56%, 19%)
HSB
hsb(13, 72%, 29%)
CMYK
cmyk(0%, 56%, 72%, 71%)
Oklch
oklch(30.5% 0.067 36.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#79371D

Tangerine · Brown · Amber Brown

HEX
#79371D
RGB
rgb(121, 55, 29)
HSL
hsl(17, 61%, 29%)
HSB
hsb(17, 76%, 47%)
CMYK
cmyk(0%, 55%, 76%, 53%)
Oklch
oklch(42.0% 0.100 41.1)

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

#AF6039

Tangerine · Sienna · Amber Brown

HEX
#AF6039
RGB
rgb(175, 96, 57)
HSL
hsl(20, 51%, 45%)
HSB
hsb(20, 67%, 69%)
CMYK
cmyk(0%, 45%, 67%, 31%)
Oklch
oklch(57.3% 0.116 45.8)

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

#E89760

Apricot · SandyBrown · Warm Sun

HEX
#E89760
RGB
rgb(232, 151, 96)
HSL
hsl(24, 75%, 64%)
HSB
hsb(24, 59%, 91%)
CMYK
cmyk(0%, 35%, 59%, 9%)
Oklch
oklch(74.7% 0.121 54.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0605
05090A

Analogous

0A0507
0A0605
0A0905

Triadic

0A0605
050A06
06050A

Split-Comp.

0A0605
050A09
05070A

Tetradic

0A0605
070A05
05090A
09050A

Contrast Matrix WCAG 2.1 Contrast

0A0605
4B2115
79371D
AF6039
E89760
—
1.5
Fail
2.3
Fail
4.4
AA Large
8.7
AAA
1.5
Fail
—
1.6
Fail
3.0
Fail
5.9
AA
2.3
Fail
1.6
Fail
—
1.9
Fail
3.8
AA Large
4.4
AA Large
3.0
Fail
1.9
Fail
—
2.0
Fail
8.7
AAA
5.9
AA
3.8
AA Large
2.0
Fail
—
White BG
20.2AAA
13.7AAA
8.8AAA
4.6AA
2.3Fail
Black BG
1.0Fail
1.5Fail
2.4Fail
4.6AA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

080805
393818
5C5C23
8D8C42
C5C46D

Deuteranopia

090905
3B3E19
606525
919745
CAD070

Tritanopia

0A0505
491A1B
762829
AB4A4C
E4787A

Achromatopsia

070707
2C2C2C
484848
737373
A9A9A9

Shades & Tints Shades & Tints

#0A0605

Dark
Light

#4B2115

Dark
Light

#79371D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0605;
  --color-2: #4b2115;
  --color-3: #79371d;
  --color-4: #af6039;
  --color-5: #e89760;
}

SCSS

$color-1: #0a0605;
$color-2: #4b2115;
$color-3: #79371d;
$color-4: #af6039;
$color-5: #e89760;

TAILWIND

colors: {
  'brand-1': '#0a0605',
  'brand-2': '#4b2115',
  'brand-3': '#79371d',
  'brand-4': '#af6039',
  'brand-5': '#e89760',
}

RGB Array

[10, 6, 5], [75, 33, 21], [121, 55, 29], [175, 96, 57], [232, 151, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #0A0605, #4B2115, #79371D, #AF6039, #E89760 is ideal for: tech websites, dark mode UIs, game UIs, 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: #0a0605; --color-2: #4b2115; --color-3: #79371d; --color-4: #af6039; --color-5: #e89760. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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