← Back to Editor

#DBD9B7 · #C1C9C8 · #A5B5AB · #949A8E · #615566

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DBD9B7

Fresh Green · Wheat · Lemon Cream

HEX
#DBD9B7
RGB
rgb(219, 217, 183)
HSL
hsl(57, 33%, 79%)
HSB
hsb(57, 16%, 86%)
CMYK
cmyk(0%, 1%, 16%, 14%)
Oklch
oklch(87.8% 0.045 104.5)

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

#C1C9C8

Silver Gray · Silver · Pearl Gray

HEX
#C1C9C8
RGB
rgb(193, 201, 200)
HSL
hsl(173, 7%, 77%)
HSB
hsb(173, 4%, 79%)
CMYK
cmyk(4%, 0%, 0%, 21%)
Oklch
oklch(82.9% 0.009 188.1)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#A5B5AB

Celadon · DarkGray · Apple Green

HEX
#A5B5AB
RGB
rgb(165, 181, 171)
HSL
hsl(142, 10%, 68%)
HSB
hsb(142, 9%, 71%)
CMYK
cmyk(9%, 0%, 6%, 29%)
Oklch
oklch(75.8% 0.023 158.4)

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

#949A8E

Ash · DarkSeaGreen · Silver Sand

HEX
#949A8E
RGB
rgb(148, 154, 142)
HSL
hsl(90, 6%, 58%)
HSB
hsb(90, 8%, 60%)
CMYK
cmyk(4%, 0%, 8%, 40%)
Oklch
oklch(67.8% 0.019 128.8)

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

#615566

Dark Plum · DimGray · Charcoal

HEX
#615566
RGB
rgb(97, 85, 102)
HSL
hsl(282, 9%, 37%)
HSB
hsb(282, 17%, 40%)
CMYK
cmyk(5%, 17%, 0%, 60%)
Oklch
oklch(46.7% 0.031 316.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD9B7
B8BADB

Analogous

DBC8B8
DBD9B7
CBDBB8

Triadic

DBD9B7
B8DBD9
D9B8DB

Split-Comp.

DBD9B7
B8CBDB
C8B8DB

Tetradic

DBD9B7
B8DBC8
B8BADB
DBB8CB

Contrast Matrix WCAG 2.1 Contrast

DBD9B7
C1C9C8
A5B5AB
949A8E
615566
—
1.2
Fail
1.5
Fail
2.0
Fail
4.9
AA
1.2
Fail
—
1.3
Fail
1.7
Fail
4.2
AA Large
1.5
Fail
1.3
Fail
—
1.3
Fail
3.3
AA Large
2.0
Fail
1.7
Fail
1.3
Fail
—
2.4
Fail
4.9
AA
4.2
AA Large
3.3
AA Large
2.4
Fail
—
White BG
1.4Fail
1.7Fail
2.1Fail
2.9Fail
7.0AAA
Black BG
14.6AAA
12.5AAA
9.8AAA
7.3AAA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADABF
C4C5C8
ACACAD
979791
5C5C62

Deuteranopia

DADAC1
C4C3C8
ABAAAE
969692
5D5D61

Tritanopia

DBC6C7
C1C8C8
A6AFB0
949394
605F5E

Achromatopsia

D6D6D6
C6C6C6
AFAFAF
979797
5B5B5B

Shades & Tints Shades & Tints

#DBD9B7

Dark
Light

#C1C9C8

Dark
Light

#A5B5AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd9b7;
  --color-2: #c1c9c8;
  --color-3: #a5b5ab;
  --color-4: #949a8e;
  --color-5: #615566;
}

SCSS

$color-1: #dbd9b7;
$color-2: #c1c9c8;
$color-3: #a5b5ab;
$color-4: #949a8e;
$color-5: #615566;

TAILWIND

colors: {
  'brand-1': '#dbd9b7',
  'brand-2': '#c1c9c8',
  'brand-3': '#a5b5ab',
  'brand-4': '#949a8e',
  'brand-5': '#615566',
}

RGB Array

[219, 217, 183], [193, 201, 200], [165, 181, 171], [148, 154, 142], [97, 85, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DBD9B7, #C1C9C8, #A5B5AB, #949A8E, #615566 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: #dbd9b7; --color-2: #c1c9c8; --color-3: #a5b5ab; --color-4: #949a8e; --color-5: #615566. 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