← Back to Editor

#70BE3C · #92D169 · #C6F1A9 · #FFFFFF · #5C3922

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

#70BE3C

Pine Green · LimeGreen · Olive Green

HEX
#70BE3C
RGB
rgb(112, 190, 60)
HSL
hsl(96, 52%, 49%)
HSB
hsb(96, 68%, 75%)
CMYK
cmyk(41%, 0%, 68%, 25%)
Oklch
oklch(72.5% 0.180 135.3)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#92D169

Emerald · DarkSeaGreen · Apple Green

HEX
#92D169
RGB
rgb(146, 209, 105)
HSL
hsl(96, 53%, 62%)
HSB
hsb(96, 50%, 82%)
CMYK
cmyk(30%, 0%, 50%, 18%)
Oklch
oklch(79.5% 0.151 134.4)

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

#C6F1A9

Emerald · Wheat · Apple Green

HEX
#C6F1A9
RGB
rgb(198, 241, 169)
HSL
hsl(96, 72%, 80%)
HSB
hsb(96, 30%, 95%)
CMYK
cmyk(18%, 0%, 30%, 5%)
Oklch
oklch(91.0% 0.105 133.2)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#5C3922

Tangerine · DarkOliveGreen · Cinnamon

HEX
#5C3922
RGB
rgb(92, 57, 34)
HSL
hsl(24, 46%, 25%)
HSB
hsb(24, 63%, 36%)
CMYK
cmyk(0%, 38%, 63%, 64%)
Oklch
oklch(38.1% 0.061 53.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

70BE3C
8A3CBE

Analogous

B1BE3C
70BE3C
3CBE49

Triadic

70BE3C
3C70BE
BE3C70

Split-Comp.

70BE3C
493CBE
BE3CB1

Tetradic

70BE3C
3CB1BE
8A3CBE
BE493C

Contrast Matrix WCAG 2.1 Contrast

70BE3C
92D169
C6F1A9
FFFFFF
5C3922
—
1.3
Fail
1.8
Fail
2.3
Fail
4.4
AA Large
1.3
Fail
—
1.4
Fail
1.8
Fail
5.6
AA
1.8
Fail
1.4
Fail
—
1.3
Fail
8.0
AAA
2.3
Fail
1.8
Fail
1.3
Fail
—
10.2
AAA
4.4
AA Large
5.6
AA
8.0
AAA
10.2
AAA
—
White BG
2.3Fail
1.8Fail
1.3Fail
1.0Fail
10.2AAA
Black BG
9.1AAA
11.5AAA
16.6AAA
21.0AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

92925B
ADAE82
D9D9BA
FFFFFF
4D4D28

Deuteranopia

8D8763
AAA588
D6D3BF
FFFFFF
4F5129

Tritanopia

74747A
95969A
C8C8CB
FFFFFF
5A2C2D

Achromatopsia

989898
B2B2B2
DCDCDC
FFFFFF
414141

Shades & Tints Shades & Tints

#70BE3C

Dark
Light

#92D169

Dark
Light

#C6F1A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #70be3c;
  --color-2: #92d169;
  --color-3: #c6f1a9;
  --color-4: #ffffff;
  --color-5: #5c3922;
}

SCSS

$color-1: #70be3c;
$color-2: #92d169;
$color-3: #c6f1a9;
$color-4: #ffffff;
$color-5: #5c3922;

TAILWIND

colors: {
  'brand-1': '#70be3c',
  'brand-2': '#92d169',
  'brand-3': '#c6f1a9',
  'brand-4': '#ffffff',
  'brand-5': '#5c3922',
}

RGB Array

[112, 190, 60], [146, 209, 105], [198, 241, 169], [255, 255, 255], [92, 57, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #70BE3C, #92D169, #C6F1A9, #FFFFFF, #5C3922 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: #70be3c; --color-2: #92d169; --color-3: #c6f1a9; --color-4: #ffffff; --color-5: #5c3922. 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