← Back to Editor

#DED1D7 · #9E9190 · #875155 · #69333E · #451E27

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

#DED1D7

Rouge · LightGray · Cherry Blossom

HEX
#DED1D7
RGB
rgb(222, 209, 215)
HSL
hsl(332, 16%, 85%)
HSB
hsb(332, 6%, 87%)
CMYK
cmyk(0%, 6%, 3%, 13%)
Oklch
oklch(87.3% 0.016 347.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#9E9190

Ash · DarkGray · Silver Sand

HEX
#9E9190
RGB
rgb(158, 145, 144)
HSL
hsl(4, 7%, 59%)
HSB
hsb(4, 9%, 62%)
CMYK
cmyk(0%, 8%, 9%, 38%)
Oklch
oklch(66.8% 0.016 22.9)

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

#875155

Crimson · DimGray · Passion Red

HEX
#875155
RGB
rgb(135, 81, 85)
HSL
hsl(356, 25%, 42%)
HSB
hsb(356, 40%, 53%)
CMYK
cmyk(0%, 40%, 37%, 47%)
Oklch
oklch(49.8% 0.073 15.2)

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

#69333E

Crimson · DarkOliveGreen · Wine Red

HEX
#69333E
RGB
rgb(105, 51, 62)
HSL
hsl(348, 35%, 31%)
HSB
hsb(348, 51%, 41%)
CMYK
cmyk(0%, 51%, 41%, 59%)
Oklch
oklch(39.5% 0.078 8.4)

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

#451E27

Crimson · DarkSlateGray · Deep Berry

HEX
#451E27
RGB
rgb(69, 30, 39)
HSL
hsl(346, 39%, 19%)
HSB
hsb(346, 57%, 27%)
CMYK
cmyk(0%, 57%, 43%, 73%)
Oklch
oklch(29.4% 0.061 6.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED1D7
D3DFD9

Analogous

DFD3DE
DED1D7
DFD3D3

Triadic

DED1D7
D8DFD3
D3D8DF

Split-Comp.

DED1D7
D3DFD3
D3DEDF

Tetradic

DED1D7
DEDFD3
D3DFD9
D3D3DF

Contrast Matrix WCAG 2.1 Contrast

DED1D7
9E9190
875155
69333E
451E27
—
2.1
Fail
4.3
AA Large
6.6
AA
9.7
AAA
2.1
Fail
—
2.1
Fail
3.2
AA Large
4.7
AA
4.3
AA Large
2.1
Fail
—
1.6
Fail
2.3
Fail
6.6
AA
3.2
AA Large
1.6
Fail
—
1.5
Fail
9.7
AAA
4.7
AA
2.3
Fail
1.5
Fail
—
White BG
1.5Fail
3.0AA Large
6.3AA
9.8AAA
14.3AAA
Black BG
14.2AAA
6.9AA
3.3AA Large
2.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8D6
989890
706F54
52513B
343425

Deuteranopia

D9DAD5
999A90
737754
55593B
363924

Tritanopia

DDD4D4
9D9090
845353
663939
432323

Achromatopsia

D6D6D6
959595
626262
444444
2B2B2B

Shades & Tints Shades & Tints

#DED1D7

Dark
Light

#9E9190

Dark
Light

#875155

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded1d7;
  --color-2: #9e9190;
  --color-3: #875155;
  --color-4: #69333e;
  --color-5: #451e27;
}

SCSS

$color-1: #ded1d7;
$color-2: #9e9190;
$color-3: #875155;
$color-4: #69333e;
$color-5: #451e27;

TAILWIND

colors: {
  'brand-1': '#ded1d7',
  'brand-2': '#9e9190',
  'brand-3': '#875155',
  'brand-4': '#69333e',
  'brand-5': '#451e27',
}

RGB Array

[222, 209, 215], [158, 145, 144], [135, 81, 85], [105, 51, 62], [69, 30, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DED1D7, #9E9190, #875155, #69333E, #451E27 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: #ded1d7; --color-2: #9e9190; --color-3: #875155; --color-4: #69333e; --color-5: #451e27. 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