← Back to Editor

#DBD9DC · #C6C5CB · #B3B1B6 · #CA9FBA · #CFB4C7

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBD9DC

Plain White · LightGray · Cloud White

HEX
#DBD9DC
RGB
rgb(219, 217, 220)
HSL
hsl(280, 4%, 86%)
HSB
hsb(280, 1%, 86%)
CMYK
cmyk(0%, 1%, 0%, 14%)
Oklch
oklch(88.8% 0.005 314.8)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#C6C5CB

Silver Gray · Silver · Pearl Gray

HEX
#C6C5CB
RGB
rgb(198, 197, 203)
HSL
hsl(250, 5%, 78%)
HSB
hsb(250, 3%, 80%)
CMYK
cmyk(2%, 3%, 0%, 20%)
Oklch
oklch(82.6% 0.008 293.9)

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

#B3B1B6

Ash · DarkGray · Silver Sand

HEX
#B3B1B6
RGB
rgb(179, 177, 182)
HSL
hsl(264, 3%, 70%)
HSB
hsb(264, 3%, 71%)
CMYK
cmyk(2%, 3%, 0%, 29%)
Oklch
oklch(76.4% 0.007 304.2)

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

#CA9FBA

Mauve · Silver · Rose Pink

HEX
#CA9FBA
RGB
rgb(202, 159, 186)
HSL
hsl(322, 29%, 71%)
HSB
hsb(322, 21%, 79%)
CMYK
cmyk(0%, 21%, 8%, 21%)
Oklch
oklch(75.0% 0.062 340.7)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#CFB4C7

Mauve · Silver · Lilac Purple

HEX
#CFB4C7
RGB
rgb(207, 180, 199)
HSL
hsl(318, 22%, 76%)
HSB
hsb(318, 13%, 81%)
CMYK
cmyk(0%, 13%, 4%, 19%)
Oklch
oklch(79.9% 0.040 336.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD9DC
DBDDDA

Analogous

DADADD
DBD9DC
DDDADC

Triadic

DBD9DC
DDDCDA
DADDDC

Split-Comp.

DBD9DC
DCDDDA
DADDDA

Tetradic

DBD9DC
DDDADA
DBDDDA
DADCDD

Contrast Matrix WCAG 2.1 Contrast

DBD9DC
C6C5CB
B3B1B6
CA9FBA
CFB4C7
—
1.2
Fail
1.5
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
1.4Fail
1.7Fail
2.1Fail
2.3Fail
1.9Fail
Black BG
15.0AAA
12.3AAA
9.9AAA
9.2AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADADB
C6C6CA
B2B2B5
B7B7B3
C3C3C2

Deuteranopia

DADADB
C6C6C9
B2B2B5
BABDB2
C5C7C1

Tritanopia

DBDBDB
C6C8C8
B3B4B4
C8AEAD
CEBFBE

Achromatopsia

DADADA
C6C6C6
B2B2B2
AFAFAF
BEBEBE

Shades & Tints Shades & Tints

#DBD9DC

Dark
Light

#C6C5CB

Dark
Light

#B3B1B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd9dc;
  --color-2: #c6c5cb;
  --color-3: #b3b1b6;
  --color-4: #ca9fba;
  --color-5: #cfb4c7;
}

SCSS

$color-1: #dbd9dc;
$color-2: #c6c5cb;
$color-3: #b3b1b6;
$color-4: #ca9fba;
$color-5: #cfb4c7;

TAILWIND

colors: {
  'brand-1': '#dbd9dc',
  'brand-2': '#c6c5cb',
  'brand-3': '#b3b1b6',
  'brand-4': '#ca9fba',
  'brand-5': '#cfb4c7',
}

RGB Array

[219, 217, 220], [198, 197, 203], [179, 177, 182], [202, 159, 186], [207, 180, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DBD9DC, #C6C5CB, #B3B1B6, #CA9FBA, #CFB4C7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #dbd9dc; --color-2: #c6c5cb; --color-3: #b3b1b6; --color-4: #ca9fba; --color-5: #cfb4c7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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