← Back to Editor

#6E1F27 · #41354D · #C1B4D1 · #BD583C · #260E07

coffee

A 5-color coffee palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6E1F27

Crimson · Maroon · Wine Red

HEX
#6E1F27
RGB
rgb(110, 31, 39)
HSL
hsl(354, 56%, 28%)
HSB
hsb(354, 72%, 43%)
CMYK
cmyk(0%, 72%, 65%, 57%)
Oklch
oklch(36.8% 0.111 18.8)

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

#41354D

Dark Plum · DarkSlateGray · Eggplant

HEX
#41354D
RGB
rgb(65, 53, 77)
HSL
hsl(270, 18%, 25%)
HSB
hsb(270, 31%, 30%)
CMYK
cmyk(16%, 31%, 0%, 70%)
Oklch
oklch(35.2% 0.044 307.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#C1B4D1

Wisteria · Silver · Lilac Purple

HEX
#C1B4D1
RGB
rgb(193, 180, 209)
HSL
hsl(267, 24%, 76%)
HSB
hsb(267, 14%, 82%)
CMYK
cmyk(8%, 14%, 0%, 18%)
Oklch
oklch(79.0% 0.043 305.7)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#BD583C

Crimson · Sienna · Passion Red

HEX
#BD583C
RGB
rgb(189, 88, 60)
HSL
hsl(13, 52%, 49%)
HSB
hsb(13, 68%, 74%)
CMYK
cmyk(0%, 53%, 68%, 26%)
Oklch
oklch(58.1% 0.137 36.4)

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

#260E07

Vermilion · Black · Deep Berry

HEX
#260E07
RGB
rgb(38, 14, 7)
HSL
hsl(14, 69%, 9%)
HSB
hsb(14, 82%, 15%)
CMYK
cmyk(0%, 63%, 82%, 85%)
Oklch
oklch(19.9% 0.043 37.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E1F27
1F6F67

Analogous

6F1F4F
6E1F27
6F3F1F

Triadic

6E1F27
276F1F
1F276F

Split-Comp.

6E1F27
1F6F3F
1F4F6F

Tetradic

6E1F27
4F6F1F
1F6F67
3F1F6F

Contrast Matrix WCAG 2.1 Contrast

6E1F27
41354D
C1B4D1
BD583C
260E07
—
1.0
Fail
5.7
AA
2.4
Fail
1.6
Fail
1.0
Fail
—
5.8
AA
2.5
Fail
1.6
Fail
5.7
AA
5.8
AA
—
2.3
Fail
9.3
AAA
2.4
Fail
2.5
Fail
2.3
Fail
—
4.0
AA Large
1.6
Fail
1.6
Fail
9.3
AAA
4.0
AA Large
—
White BG
11.1AAA
11.4AAA
2.0Fail
4.5AA
18.3AAA
Black BG
1.9Fail
1.8Fail
10.7AAA
4.6AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B25
3C3C47
BBBBCA
919043
1C1B09

Deuteranopia

505625
3D3D46
BCBDC8
979F44
1D1F09

Tritanopia

6A2423
404342
C0C4C3
B84849
250A0A

Achromatopsia

383838
3B3B3B
BBBBBB
737373
141414

Shades & Tints Shades & Tints

#6E1F27

Dark
Light

#41354D

Dark
Light

#C1B4D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e1f27;
  --color-2: #41354d;
  --color-3: #c1b4d1;
  --color-4: #bd583c;
  --color-5: #260e07;
}

SCSS

$color-1: #6e1f27;
$color-2: #41354d;
$color-3: #c1b4d1;
$color-4: #bd583c;
$color-5: #260e07;

TAILWIND

colors: {
  'brand-1': '#6e1f27',
  'brand-2': '#41354d',
  'brand-3': '#c1b4d1',
  'brand-4': '#bd583c',
  'brand-5': '#260e07',
}

RGB Array

[110, 31, 39], [65, 53, 77], [193, 180, 209], [189, 88, 60], [38, 14, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #6E1F27, #41354D, #C1B4D1, #BD583C, #260E07 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: #6e1f27; --color-2: #41354d; --color-3: #c1b4d1; --color-4: #bd583c; --color-5: #260e07. 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