← Back to Editor

#78C05F · #464742 · #EDDF94 · #CF9068 · #C05756

cool

A 5-color cool 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

#78C05F

Celadon · DarkSeaGreen · Olive Green

HEX
#78C05F
RGB
rgb(120, 192, 95)
HSL
hsl(105, 43%, 56%)
HSB
hsb(105, 51%, 75%)
CMYK
cmyk(38%, 0%, 51%, 25%)
Oklch
oklch(73.8% 0.150 138.2)

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

#464742

Dark Cyan · DarkSlateGray · Charcoal

HEX
#464742
RGB
rgb(70, 71, 66)
HSL
hsl(72, 4%, 27%)
HSB
hsb(72, 7%, 28%)
CMYK
cmyk(1%, 0%, 7%, 72%)
Oklch
oklch(39.5% 0.008 116.0)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#EDDF94

Fresh Green · Khaki · Sunflower

HEX
#EDDF94
RGB
rgb(237, 223, 148)
HSL
hsl(51, 71%, 75%)
HSB
hsb(51, 38%, 93%)
CMYK
cmyk(0%, 6%, 38%, 7%)
Oklch
oklch(89.8% 0.096 98.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#CF9068

Apricot · DarkSalmon · Warm Sun

HEX
#CF9068
RGB
rgb(207, 144, 104)
HSL
hsl(23, 52%, 61%)
HSB
hsb(23, 50%, 81%)
CMYK
cmyk(0%, 30%, 50%, 19%)
Oklch
oklch(70.7% 0.094 53.0)

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

#C05756

Crimson · Sienna · Passion Red

HEX
#C05756
RGB
rgb(192, 87, 86)
HSL
hsl(1, 46%, 55%)
HSB
hsb(1, 55%, 75%)
CMYK
cmyk(0%, 55%, 55%, 25%)
Oklch
oklch(58.8% 0.136 22.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78C05F
A75FBF

Analogous

A7BF5F
78C05F
5FBF77

Triadic

78C05F
5F77BF
BF5F77

Split-Comp.

78C05F
775FBF
BF5FA7

Tetradic

78C05F
5FA7BF
A75FBF
BF775F

Contrast Matrix WCAG 2.1 Contrast

78C05F
464742
EDDF94
CF9068
C05756
—
4.2
AA Large
1.6
Fail
1.2
Fail
2.0
Fail
4.2
AA Large
—
7.0
AA
3.5
AA Large
2.1
Fail
1.6
Fail
7.0
AA
—
2.0
Fail
3.3
AA Large
1.2
Fail
3.5
AA Large
2.0
Fail
—
1.7
Fail
2.0
Fail
2.1
Fail
3.3
AA Large
1.7
Fail
—
White BG
2.2Fail
9.4AAA
1.3Fail
2.7Fail
4.4AA Large
Black BG
9.5AAA
2.2Fail
15.6AAA
7.8AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

979876
464643
E7E7A6
B4B372
939256

Deuteranopia

938E7C
464644
E8E9AB
B7BC74
99A056

Tritanopia

7C898D
464444
ECB4B8
CC797B
BB5656

Achromatopsia

9F9F9F
464646
DBDBDB
9E9E9E
767676

Shades & Tints Shades & Tints

#78C05F

Dark
Light

#464742

Dark
Light

#EDDF94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78c05f;
  --color-2: #464742;
  --color-3: #eddf94;
  --color-4: #cf9068;
  --color-5: #c05756;
}

SCSS

$color-1: #78c05f;
$color-2: #464742;
$color-3: #eddf94;
$color-4: #cf9068;
$color-5: #c05756;

TAILWIND

colors: {
  'brand-1': '#78c05f',
  'brand-2': '#464742',
  'brand-3': '#eddf94',
  'brand-4': '#cf9068',
  'brand-5': '#c05756',
}

RGB Array

[120, 192, 95], [70, 71, 66], [237, 223, 148], [207, 144, 104], [192, 87, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #78C05F, #464742, #EDDF94, #CF9068, #C05756 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: #78c05f; --color-2: #464742; --color-3: #eddf94; --color-4: #cf9068; --color-5: #c05756. 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 cool-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