← Back to Editor

#99A78E · #413433 · #D86461 · #F6A779 · #E5D6A5

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

#99A78E

Celadon · DarkSeaGreen · Apple Green

HEX
#99A78E
RGB
rgb(153, 167, 142)
HSL
hsl(94, 12%, 61%)
HSB
hsb(94, 15%, 65%)
CMYK
cmyk(8%, 0%, 15%, 35%)
Oklch
oklch(71.0% 0.039 131.3)

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

#413433

Crimson · DarkSlateGray · Wine Red

HEX
#413433
RGB
rgb(65, 52, 51)
HSL
hsl(4, 12%, 23%)
HSB
hsb(4, 22%, 25%)
CMYK
cmyk(0%, 20%, 22%, 75%)
Oklch
oklch(33.9% 0.019 23.3)

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

#D86461

Peach Pink · Tomato · Coral Red

HEX
#D86461
RGB
rgb(216, 100, 97)
HSL
hsl(2, 60%, 61%)
HSB
hsb(2, 55%, 85%)
CMYK
cmyk(0%, 54%, 55%, 15%)
Oklch
oklch(64.4% 0.147 23.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F6A779

Apricot · LightSalmon · Warm Sun

HEX
#F6A779
RGB
rgb(246, 167, 121)
HSL
hsl(22, 87%, 72%)
HSB
hsb(22, 51%, 96%)
CMYK
cmyk(0%, 32%, 51%, 4%)
Oklch
oklch(79.5% 0.112 50.8)

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

#E5D6A5

Goose Yellow · Wheat · Lemon Cream

HEX
#E5D6A5
RGB
rgb(229, 214, 165)
HSL
hsl(46, 55%, 77%)
HSB
hsb(46, 28%, 90%)
CMYK
cmyk(0%, 7%, 28%, 10%)
Oklch
oklch(87.6% 0.066 93.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99A78E
9D90A7

Analogous

A6A790
99A78E
90A791

Triadic

99A78E
909AA7
A7909A

Split-Comp.

99A78E
9190A7
A790A6

Tetradic

99A78E
90A6A7
9D90A7
A79190

Contrast Matrix WCAG 2.1 Contrast

99A78E
413433
D86461
F6A779
E5D6A5
—
4.7
AA
1.4
Fail
1.3
Fail
1.8
Fail
4.7
AA
—
3.4
AA Large
6.1
AA
8.2
AAA
1.4
Fail
3.4
AA Large
—
1.8
Fail
2.5
Fail
1.3
Fail
6.1
AA
1.8
Fail
—
1.4
Fail
1.8
Fail
8.2
AAA
2.5
Fail
1.4
Fail
—
White BG
2.5Fail
11.9AAA
3.6AA Large
2.0Fail
1.4Fail
Black BG
8.3AAA
1.8Fail
5.9AA
10.7AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F94
3B3B33
A6A562
D4D384
DFDEB1

Deuteranopia

9E9D96
3C3D33
ADB562
D8DE87
DFE1B4

Tritanopia

9A999A
403333
D26262
F28D8F
E4BABC

Achromatopsia

A0A0A0
383838
868686
B9B9B9
D5D5D5

Shades & Tints Shades & Tints

#99A78E

Dark
Light

#413433

Dark
Light

#D86461

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99a78e;
  --color-2: #413433;
  --color-3: #d86461;
  --color-4: #f6a779;
  --color-5: #e5d6a5;
}

SCSS

$color-1: #99a78e;
$color-2: #413433;
$color-3: #d86461;
$color-4: #f6a779;
$color-5: #e5d6a5;

TAILWIND

colors: {
  'brand-1': '#99a78e',
  'brand-2': '#413433',
  'brand-3': '#d86461',
  'brand-4': '#f6a779',
  'brand-5': '#e5d6a5',
}

RGB Array

[153, 167, 142], [65, 52, 51], [216, 100, 97], [246, 167, 121], [229, 214, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #99A78E, #413433, #D86461, #F6A779, #E5D6A5 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: #99a78e; --color-2: #413433; --color-3: #d86461; --color-4: #f6a779; --color-5: #e5d6a5. 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