← Back to Editor

#0CF0C8 · #00DCB6 · #74A67C · #794932 · #441C14

coffee

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#0CF0C8

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#0CF0C8
RGB
rgb(12, 240, 200)
HSL
hsl(169, 90%, 49%)
HSB
hsb(169, 95%, 94%)
CMYK
cmyk(95%, 0%, 17%, 6%)
Oklch
oklch(85.3% 0.160 174.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#00DCB6

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00DCB6
RGB
rgb(0, 220, 182)
HSL
hsl(170, 100%, 43%)
HSB
hsb(170, 100%, 86%)
CMYK
cmyk(100%, 0%, 17%, 14%)
Oklch
oklch(79.8% 0.152 174.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#74A67C

Celadon · DarkSeaGreen · Olive Green

HEX
#74A67C
RGB
rgb(116, 166, 124)
HSL
hsl(130, 22%, 55%)
HSB
hsb(130, 30%, 65%)
CMYK
cmyk(30%, 0%, 25%, 35%)
Oklch
oklch(67.8% 0.081 148.8)

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

#794932

Tangerine · Sienna · Amber Brown

HEX
#794932
RGB
rgb(121, 73, 50)
HSL
hsl(19, 42%, 34%)
HSB
hsb(19, 59%, 47%)
CMYK
cmyk(0%, 40%, 59%, 53%)
Oklch
oklch(45.6% 0.075 46.0)

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

#441C14

Crimson · Maroon · Deep Berry

HEX
#441C14
RGB
rgb(68, 28, 20)
HSL
hsl(10, 55%, 17%)
HSB
hsb(10, 71%, 27%)
CMYK
cmyk(0%, 59%, 71%, 73%)
Oklch
oklch(28.3% 0.064 32.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0CF0C8
ED0C36

Analogous

0CED54
0CF0C8
0CA6ED

Triadic

0CF0C8
C40CED
EDC40C

Split-Comp.

0CF0C8
ED0CA6
ED540C

Tetradic

0CF0C8
540CED
ED0C36
A6ED0C

Contrast Matrix WCAG 2.1 Contrast

0CF0C8
00DCB6
74A67C
794932
441C14
—
1.2
Fail
1.9
Fail
5.1
AA
10.1
AAA
1.2
Fail
—
1.6
Fail
4.2
AA Large
8.4
AAA
1.9
Fail
1.6
Fail
—
2.7
Fail
5.3
AA
5.1
AA
4.2
AA Large
2.7
Fail
—
2.0
Fail
10.1
AAA
8.4
AAA
5.3
AA
2.0
Fail
—
White BG
1.5Fail
1.8Fail
2.8Fail
7.5AAA
14.8AAA
Black BG
14.3AAA
11.9AAA
7.5AAA
2.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F71D2
5F61BF
8A8A86
646438
333216

Deuteranopia

6250D4
5342C1
878389
676B39
353816

Tritanopia

17D9DB
0BC6C8
768E90
773C3D
421718

Achromatopsia

A7A7A7
969696
929292
555555
272727

Shades & Tints Shades & Tints

#0CF0C8

Dark
Light

#00DCB6

Dark
Light

#74A67C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0cf0c8;
  --color-2: #00dcb6;
  --color-3: #74a67c;
  --color-4: #794932;
  --color-5: #441c14;
}

SCSS

$color-1: #0cf0c8;
$color-2: #00dcb6;
$color-3: #74a67c;
$color-4: #794932;
$color-5: #441c14;

TAILWIND

colors: {
  'brand-1': '#0cf0c8',
  'brand-2': '#00dcb6',
  'brand-3': '#74a67c',
  'brand-4': '#794932',
  'brand-5': '#441c14',
}

RGB Array

[12, 240, 200], [0, 220, 182], [116, 166, 124], [121, 73, 50], [68, 28, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This coffee-style palette of #0CF0C8, #00DCB6, #74A67C, #794932, #441C14 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0cf0c8; --color-2: #00dcb6; --color-3: #74a67c; --color-4: #794932; --color-5: #441c14. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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