← Back to Editor

#6AD2AD · #BBC7AF · #EF9674 · #DC2F28 · #050304

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

#6AD2AD

Jade · MediumAquaMarine · Apple Green

HEX
#6AD2AD
RGB
rgb(106, 210, 173)
HSL
hsl(159, 54%, 62%)
HSB
hsb(159, 50%, 82%)
CMYK
cmyk(50%, 0%, 18%, 18%)
Oklch
oklch(79.1% 0.112 167.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#BBC7AF

Celadon · Silver · Apple Green

HEX
#BBC7AF
RGB
rgb(187, 199, 175)
HSL
hsl(90, 18%, 73%)
HSB
hsb(90, 12%, 78%)
CMYK
cmyk(6%, 0%, 12%, 22%)
Oklch
oklch(81.4% 0.035 129.0)

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

#EF9674

Apricot · DarkSalmon · Warm Sun

HEX
#EF9674
RGB
rgb(239, 150, 116)
HSL
hsl(17, 79%, 70%)
HSB
hsb(17, 51%, 94%)
CMYK
cmyk(0%, 37%, 51%, 6%)
Oklch
oklch(75.7% 0.118 41.6)

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

#DC2F28

Vermilion · Crimson · Passion Red

HEX
#DC2F28
RGB
rgb(220, 47, 40)
HSL
hsl(2, 72%, 51%)
HSB
hsb(2, 82%, 86%)
CMYK
cmyk(0%, 79%, 82%, 14%)
Oklch
oklch(58.3% 0.209 28.2)

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

#050304

Dark Violet · Black · Raspberry

HEX
#050304
RGB
rgb(5, 3, 4)
HSL
hsl(330, 25%, 2%)
HSB
hsb(330, 40%, 2%)
CMYK
cmyk(0%, 40%, 20%, 98%)
Oklch
oklch(10.3% 0.008 345.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6AD2AD
D26A8E

Analogous

6AD279
6AD2AD
6AC3D2

Triadic

6AD2AD
AE6AD2
D2AE6A

Split-Comp.

6AD2AD
D26AC3
D2796A

Tetradic

6AD2AD
796AD2
D26A8E
C3D26A

Contrast Matrix WCAG 2.1 Contrast

6AD2AD
BBC7AF
EF9674
DC2F28
050304
—
1.0
Fail
1.2
Fail
2.6
Fail
11.2
AAA
1.0
Fail
—
1.3
Fail
2.7
Fail
11.7
AAA
1.2
Fail
1.3
Fail
—
2.1
Fail
9.1
AAA
2.6
Fail
2.7
Fail
2.1
Fail
—
4.4
AA Large
11.2
AAA
11.7
AAA
9.1
AAA
4.4
AA Large
—
White BG
1.8Fail
1.8Fail
2.3Fail
4.7AA
20.6AAA
Black BG
11.4AAA
11.9AAA
9.3AAA
4.5AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9798B6
C0C0B5
C8C87C
91902A
040404

Deuteranopia

9189B8
C0BFB6
CED47E
9BA82A
040404

Tritanopia

6FBDBF
BCB9BA
EB8384
D32B2B
050404

Achromatopsia

AFAFAF
C1C1C1
ADADAD
626262
040404

Shades & Tints Shades & Tints

#6AD2AD

Dark
Light

#BBC7AF

Dark
Light

#EF9674

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ad2ad;
  --color-2: #bbc7af;
  --color-3: #ef9674;
  --color-4: #dc2f28;
  --color-5: #050304;
}

SCSS

$color-1: #6ad2ad;
$color-2: #bbc7af;
$color-3: #ef9674;
$color-4: #dc2f28;
$color-5: #050304;

TAILWIND

colors: {
  'brand-1': '#6ad2ad',
  'brand-2': '#bbc7af',
  'brand-3': '#ef9674',
  'brand-4': '#dc2f28',
  'brand-5': '#050304',
}

RGB Array

[106, 210, 173], [187, 199, 175], [239, 150, 116], [220, 47, 40], [5, 3, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #6AD2AD, #BBC7AF, #EF9674, #DC2F28, #050304 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: #6ad2ad; --color-2: #bbc7af; --color-3: #ef9674; --color-4: #dc2f28; --color-5: #050304. 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