← Back to Editor

#C0F0C0 · #90F0A8 · #78D890 · #78C090 · #180507

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

#C0F0C0

Emerald · LightGray · Mint Green

HEX
#C0F0C0
RGB
rgb(192, 240, 192)
HSL
hsl(120, 62%, 85%)
HSB
hsb(120, 20%, 94%)
CMYK
cmyk(20%, 0%, 20%, 6%)
Oklch
oklch(90.9% 0.081 144.9)

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

#90F0A8

Emerald · LightGreen · Apple Green

HEX
#90F0A8
RGB
rgb(144, 240, 168)
HSL
hsl(135, 76%, 75%)
HSB
hsb(135, 40%, 94%)
CMYK
cmyk(40%, 0%, 30%, 6%)
Oklch
oklch(87.7% 0.135 150.8)

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

#78D890

Emerald · LightGreen · Apple Green

HEX
#78D890
RGB
rgb(120, 216, 144)
HSL
hsl(135, 55%, 66%)
HSB
hsb(135, 44%, 85%)
CMYK
cmyk(44%, 0%, 33%, 15%)
Oklch
oklch(80.5% 0.137 150.4)

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

#78C090

Celadon · DarkSeaGreen · Apple Green

HEX
#78C090
RGB
rgb(120, 192, 144)
HSL
hsl(140, 36%, 61%)
HSB
hsb(140, 38%, 75%)
CMYK
cmyk(38%, 0%, 25%, 25%)
Oklch
oklch(74.7% 0.101 154.1)

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

#180507

Vermilion · Black · Deep Berry

HEX
#180507
RGB
rgb(24, 5, 7)
HSL
hsl(354, 66%, 6%)
HSB
hsb(354, 79%, 9%)
CMYK
cmyk(0%, 79%, 71%, 91%)
Oklch
oklch(15.2% 0.036 14.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0F0C0
F0C1F0

Analogous

D9F0C1
C0F0C0
C1F0D9

Triadic

C0F0C0
C1C1F0
F0C1C1

Split-Comp.

C0F0C0
D9C1F0
F0C1D9

Tetradic

C0F0C0
C1D9F0
F0C1F0
F0D9C1

Contrast Matrix WCAG 2.1 Contrast

C0F0C0
90F0A8
78D890
78C090
180507
—
1.1
Fail
1.4
Fail
1.7
Fail
15.5
AAA
1.1
Fail
—
1.3
Fail
1.6
Fail
14.3
AAA
1.4
Fail
1.3
Fail
—
1.2
Fail
11.3
AAA
1.7
Fail
1.6
Fail
1.2
Fail
—
9.2
AAA
15.5
AAA
14.3
AAA
11.3
AAA
9.2
AAA
—
White BG
1.3Fail
1.4Fail
1.7Fail
2.2Fail
19.7AAA
Black BG
16.5AAA
15.2AAA
12.0AAA
9.7AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5CC
BABAB9
A2A2A1
97989C
101007

Deuteranopia

D2CECE
B4ADBE
9C95A6
938E9E
111206

Tritanopia

C2D5D7
95C7CA
7DAFB2
7CA5A7
170606

Achromatopsia

DCDCDC
CBCBCB
B3B3B3
A5A5A5
0B0B0B

Shades & Tints Shades & Tints

#C0F0C0

Dark
Light

#90F0A8

Dark
Light

#78D890

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0f0c0;
  --color-2: #90f0a8;
  --color-3: #78d890;
  --color-4: #78c090;
  --color-5: #180507;
}

SCSS

$color-1: #c0f0c0;
$color-2: #90f0a8;
$color-3: #78d890;
$color-4: #78c090;
$color-5: #180507;

TAILWIND

colors: {
  'brand-1': '#c0f0c0',
  'brand-2': '#90f0a8',
  'brand-3': '#78d890',
  'brand-4': '#78c090',
  'brand-5': '#180507',
}

RGB Array

[192, 240, 192], [144, 240, 168], [120, 216, 144], [120, 192, 144], [24, 5, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #C0F0C0, #90F0A8, #78D890, #78C090, #180507 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: #c0f0c0; --color-2: #90f0a8; --color-3: #78d890; --color-4: #78c090; --color-5: #180507. 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