← Back to Editor

#D5D9C8 · #590B10 · #9AA197 · #EEF0EC · #4B5843

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

#D5D9C8

Willow Green · LightGray · Mint Green

HEX
#D5D9C8
RGB
rgb(213, 217, 200)
HSL
hsl(74, 18%, 82%)
HSB
hsb(74, 8%, 85%)
CMYK
cmyk(2%, 0%, 8%, 15%)
Oklch
oklch(87.8% 0.023 117.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#590B10

Vermilion · Maroon · Deep Berry

HEX
#590B10
RGB
rgb(89, 11, 16)
HSL
hsl(356, 78%, 20%)
HSB
hsb(356, 88%, 35%)
CMYK
cmyk(0%, 88%, 82%, 65%)
Oklch
oklch(30.2% 0.109 24.1)

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

#9AA197

Ash · DarkGray · Silver Sand

HEX
#9AA197
RGB
rgb(154, 161, 151)
HSL
hsl(102, 5%, 61%)
HSB
hsb(102, 6%, 63%)
CMYK
cmyk(4%, 0%, 6%, 37%)
Oklch
oklch(70.0% 0.016 136.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#EEF0EC

Celadon · Linen · Mint Green

HEX
#EEF0EC
RGB
rgb(238, 240, 236)
HSL
hsl(90, 12%, 93%)
HSB
hsb(90, 2%, 94%)
CMYK
cmyk(1%, 0%, 2%, 6%)
Oklch
oklch(95.2% 0.006 128.5)

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

#4B5843

Celadon · DarkOliveGreen · Forest Green

HEX
#4B5843
RGB
rgb(75, 88, 67)
HSL
hsl(97, 14%, 30%)
HSB
hsb(97, 24%, 35%)
CMYK
cmyk(15%, 0%, 24%, 65%)
Oklch
oklch(44.3% 0.037 133.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5D9C8
CDC9D9

Analogous

D9D5C9
D5D9C8
CDD9C9

Triadic

D5D9C8
C9D6D9
D9C9D6

Split-Comp.

D5D9C8
C9CDD9
D5C9D9

Tetradic

D5D9C8
C9D9D5
CDC9D9
D9C9CD

Contrast Matrix WCAG 2.1 Contrast

D5D9C8
590B10
9AA197
EEF0EC
4B5843
—
9.9
AAA
1.8
Fail
1.3
Fail
5.3
AA
9.9
AAA
—
5.4
AA
12.4
AAA
1.9
Fail
1.8
Fail
5.4
AA
—
2.3
Fail
2.9
Fail
1.3
Fail
12.4
AAA
2.3
Fail
—
6.6
AA
5.3
AA
1.9
Fail
2.9
Fail
6.6
AA
—
White BG
1.4Fail
14.2AAA
2.7Fail
1.1Fail
7.6AAA
Black BG
14.6AAA
1.5Fail
7.9AAA
18.3AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7CC
37370F
9D9D99
EFEFED
515148

Deuteranopia

D7D6CD
3C420F
9D9C9A
EFEFED
504F49

Tritanopia

D5CFD0
550E0E
9A9B9C
EEEEEE
4C4C4D

Achromatopsia

D6D6D6
232323
9E9E9E
EFEFEF
525252

Shades & Tints Shades & Tints

#D5D9C8

Dark
Light

#590B10

Dark
Light

#9AA197

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5d9c8;
  --color-2: #590b10;
  --color-3: #9aa197;
  --color-4: #eef0ec;
  --color-5: #4b5843;
}

SCSS

$color-1: #d5d9c8;
$color-2: #590b10;
$color-3: #9aa197;
$color-4: #eef0ec;
$color-5: #4b5843;

TAILWIND

colors: {
  'brand-1': '#d5d9c8',
  'brand-2': '#590b10',
  'brand-3': '#9aa197',
  'brand-4': '#eef0ec',
  'brand-5': '#4b5843',
}

RGB Array

[213, 217, 200], [89, 11, 16], [154, 161, 151], [238, 240, 236], [75, 88, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D5D9C8, #590B10, #9AA197, #EEF0EC, #4B5843 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: #d5d9c8; --color-2: #590b10; --color-3: #9aa197; --color-4: #eef0ec; --color-5: #4b5843. 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