← Back to Editor

#D7CAD0 · #BAB1B2 · #C699B0 · #D6D7BD · #897D6A

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D7CAD0

Rouge · LightGray · Cherry Blossom

HEX
#D7CAD0
RGB
rgb(215, 202, 208)
HSL
hsl(332, 14%, 82%)
HSB
hsb(332, 6%, 84%)
CMYK
cmyk(0%, 6%, 3%, 16%)
Oklch
oklch(85.1% 0.017 347.7)

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

#BAB1B2

Silver Gray · DarkGray · Pearl Gray

HEX
#BAB1B2
RGB
rgb(186, 177, 178)
HSL
hsl(353, 6%, 71%)
HSB
hsb(353, 5%, 73%)
CMYK
cmyk(0%, 5%, 4%, 27%)
Oklch
oklch(76.8% 0.010 9.6)

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

#C699B0

Mauve · DarkGray · Rose Pink

HEX
#C699B0
RGB
rgb(198, 153, 176)
HSL
hsl(329, 28%, 69%)
HSB
hsb(329, 23%, 78%)
CMYK
cmyk(0%, 23%, 11%, 22%)
Oklch
oklch(73.2% 0.062 346.6)

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

#D6D7BD

Fresh Green · LightGray · Lemon Cream

HEX
#D6D7BD
RGB
rgb(214, 215, 189)
HSL
hsl(62, 25%, 79%)
HSB
hsb(62, 12%, 84%)
CMYK
cmyk(0%, 0%, 12%, 16%)
Oklch
oklch(87.1% 0.035 108.9)

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

#897D6A

Ochre · Gray · Amber Brown

HEX
#897D6A
RGB
rgb(137, 125, 106)
HSL
hsl(37, 13%, 48%)
HSB
hsb(37, 23%, 54%)
CMYK
cmyk(0%, 9%, 23%, 46%)
Oklch
oklch(59.5% 0.031 79.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7CAD0
CBD8D2

Analogous

D8CBD7
D7CAD0
D8CBCB

Triadic

D7CAD0
D1D8CB
CBD1D8

Split-Comp.

D7CAD0
CBD8CB
CBD7D8

Tetradic

D7CAD0
D7D8CB
CBD8D2
CBCBD8

Contrast Matrix WCAG 2.1 Contrast

D7CAD0
BAB1B2
C699B0
D6D7BD
897D6A
—
1.3
Fail
1.5
Fail
1.1
Fail
2.5
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
1.6
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
2.7
Fail
2.5
Fail
1.9
Fail
1.6
Fail
2.7
Fail
—
White BG
1.6Fail
2.1Fail
2.4Fail
1.5Fail
4.0AA Large
Black BG
13.2AAA
10.0AAA
8.6AAA
14.3AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1CF
B6B6B2
B3B2AA
D6D6C3
84846F

Deuteranopia

D2D3CE
B7B7B2
B5B9A9
D6D6C5
858570

Tritanopia

D6CDCD
BAB2B2
C4A6A5
D6C8C9
887273

Achromatopsia

CFCFCF
B4B4B4
A9A9A9
D4D4D4
7E7E7E

Shades & Tints Shades & Tints

#D7CAD0

Dark
Light

#BAB1B2

Dark
Light

#C699B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7cad0;
  --color-2: #bab1b2;
  --color-3: #c699b0;
  --color-4: #d6d7bd;
  --color-5: #897d6a;
}

SCSS

$color-1: #d7cad0;
$color-2: #bab1b2;
$color-3: #c699b0;
$color-4: #d6d7bd;
$color-5: #897d6a;

TAILWIND

colors: {
  'brand-1': '#d7cad0',
  'brand-2': '#bab1b2',
  'brand-3': '#c699b0',
  'brand-4': '#d6d7bd',
  'brand-5': '#897d6a',
}

RGB Array

[215, 202, 208], [186, 177, 178], [198, 153, 176], [214, 215, 189], [137, 125, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D7CAD0, #BAB1B2, #C699B0, #D6D7BD, #897D6A 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: #d7cad0; --color-2: #bab1b2; --color-3: #c699b0; --color-4: #d6d7bd; --color-5: #897d6a. 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