← Back to Editor

#839074 · #939E78 · #A8A878 · #061013 · #CDCD76

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#839074

Grass Green · Gray · Olive Green

HEX
#839074
RGB
rgb(131, 144, 116)
HSL
hsl(88, 11%, 51%)
HSB
hsb(88, 19%, 56%)
CMYK
cmyk(9%, 0%, 19%, 44%)
Oklch
oklch(63.5% 0.043 127.9)

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

#939E78

Grass Green · Gray · Olive Green

HEX
#939E78
RGB
rgb(147, 158, 120)
HSL
hsl(77, 16%, 55%)
HSB
hsb(77, 24%, 62%)
CMYK
cmyk(7%, 0%, 24%, 38%)
Oklch
oklch(68.0% 0.055 121.0)

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

#A8A878

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A878
RGB
rgb(168, 168, 120)
HSL
hsl(60, 22%, 56%)
HSB
hsb(60, 29%, 66%)
CMYK
cmyk(0%, 0%, 29%, 34%)
Oklch
oklch(72.0% 0.066 107.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#061013

Lake Blue · Black · Peacock Green

HEX
#061013
RGB
rgb(6, 16, 19)
HSL
hsl(194, 52%, 5%)
HSB
hsb(194, 68%, 7%)
CMYK
cmyk(68%, 16%, 0%, 93%)
Oklch
oklch(16.4% 0.017 217.8)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#CDCD76

Fresh Green · BurlyWood · Sunflower

HEX
#CDCD76
RGB
rgb(205, 205, 118)
HSL
hsl(60, 47%, 63%)
HSB
hsb(60, 42%, 80%)
CMYK
cmyk(0%, 0%, 42%, 20%)
Oklch
oklch(82.9% 0.110 108.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

839074
817490

Analogous

908F74
839074
759074

Triadic

839074
748390
907483

Split-Comp.

839074
747590
8F7490

Tetradic

839074
74908F
817490
907475

Contrast Matrix WCAG 2.1 Contrast

839074
939E78
A8A878
061013
CDCD76
—
1.2
Fail
1.4
Fail
5.7
AA
2.0
Fail
1.2
Fail
—
1.2
Fail
6.8
AA
1.7
Fail
1.4
Fail
1.2
Fail
—
7.8
AAA
1.5
Fail
5.7
AA
6.8
AA
7.8
AAA
—
11.5
AAA
2.0
Fail
1.7
Fail
1.5
Fail
11.5
AAA
—
White BG
3.4AA Large
2.8Fail
2.5Fail
19.2AAA
1.7Fail
Black BG
6.2AA
7.4AAA
8.5AAA
1.1Fail
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

89897B
989881
A8A884
0A0A12
CDCD8B

Deuteranopia

88877C
979683
A8A886
0A0912
CDCD90

Tritanopia

848081
94888A
A88D8F
061212
CD9C9F

Achromatopsia

898989
969696
A3A3A3
0D0D0D
C3C3C3

Shades & Tints Shades & Tints

#839074

Dark
Light

#939E78

Dark
Light

#A8A878

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #839074;
  --color-2: #939e78;
  --color-3: #a8a878;
  --color-4: #061013;
  --color-5: #cdcd76;
}

SCSS

$color-1: #839074;
$color-2: #939e78;
$color-3: #a8a878;
$color-4: #061013;
$color-5: #cdcd76;

TAILWIND

colors: {
  'brand-1': '#839074',
  'brand-2': '#939e78',
  'brand-3': '#a8a878',
  'brand-4': '#061013',
  'brand-5': '#cdcd76',
}

RGB Array

[131, 144, 116], [147, 158, 120], [168, 168, 120], [6, 16, 19], [205, 205, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #839074, #939E78, #A8A878, #061013, #CDCD76 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #839074; --color-2: #939e78; --color-3: #a8a878; --color-4: #061013; --color-5: #cdcd76. 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. Restrained colors convey professionalism and trust. 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