← Back to Editor

#D0D4D5 · #CACED1 · #BFC0C4 · #B4A7B0 · #A17282

A 5-color palette 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

#D0D4D5

Silver Gray · LightGray · Pearl Gray

HEX
#D0D4D5
RGB
rgb(208, 212, 213)
HSL
hsl(192, 6%, 83%)
HSB
hsb(192, 2%, 84%)
CMYK
cmyk(2%, 0%, 0%, 16%)
Oklch
oklch(86.7% 0.005 214.3)

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

#CACED1

Silver Gray · LightGray · Pearl Gray

HEX
#CACED1
RGB
rgb(202, 206, 209)
HSL
hsl(206, 7%, 81%)
HSB
hsb(206, 3%, 82%)
CMYK
cmyk(3%, 1%, 0%, 18%)
Oklch
oklch(84.9% 0.006 239.8)

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

#BFC0C4

Silver Gray · Silver · Pearl Gray

HEX
#BFC0C4
RGB
rgb(191, 192, 196)
HSL
hsl(228, 4%, 76%)
HSB
hsb(228, 3%, 77%)
CMYK
cmyk(3%, 2%, 0%, 23%)
Oklch
oklch(80.8% 0.006 274.9)

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

#B4A7B0

Mauve · DarkGray · Silver Sand

HEX
#B4A7B0
RGB
rgb(180, 167, 176)
HSL
hsl(318, 8%, 68%)
HSB
hsb(318, 7%, 71%)
CMYK
cmyk(0%, 7%, 2%, 29%)
Oklch
oklch(74.2% 0.020 336.7)

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

#A17282

Dark Violet · Gray · Rose Pink

HEX
#A17282
RGB
rgb(161, 114, 130)
HSL
hsl(340, 20%, 54%)
HSB
hsb(340, 29%, 63%)
CMYK
cmyk(0%, 29%, 19%, 37%)
Oklch
oklch(60.5% 0.063 357.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0D4D5
D6D2D1

Analogous

D1D6D5
D0D4D5
D1D3D6

Triadic

D0D4D5
D6D1D5
D5D6D1

Split-Comp.

D0D4D5
D6D1D3
D6D5D1

Tetradic

D0D4D5
D5D1D6
D6D2D1
D3D6D1

Contrast Matrix WCAG 2.1 Contrast

D0D4D5
CACED1
BFC0C4
B4A7B0
A17282
—
1.1
Fail
1.2
Fail
1.5
Fail
2.7
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
2.5
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
2.2
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
1.7
Fail
2.7
Fail
2.5
Fail
2.2
Fail
1.7
Fail
—
White BG
1.5Fail
1.6Fail
1.8Fail
2.3Fail
4.0AA Large
Black BG
14.1AAA
13.3AAA
11.6AAA
9.1AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2D5
CCCCD0
BFBFC3
AEAEAE
8D8C7E

Deuteranopia

D2D1D5
CCCBD0
BFBFC3
AFB0AD
8F937D

Tritanopia

D0D5D5
CAD0D0
BFC2C2
B3ACAC
9F7B7A

Achromatopsia

D3D3D3
CDCDCD
C0C0C0
ACACAC
828282

Shades & Tints Shades & Tints

#D0D4D5

Dark
Light

#CACED1

Dark
Light

#BFC0C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0d4d5;
  --color-2: #caced1;
  --color-3: #bfc0c4;
  --color-4: #b4a7b0;
  --color-5: #a17282;
}

SCSS

$color-1: #d0d4d5;
$color-2: #caced1;
$color-3: #bfc0c4;
$color-4: #b4a7b0;
$color-5: #a17282;

TAILWIND

colors: {
  'brand-1': '#d0d4d5',
  'brand-2': '#caced1',
  'brand-3': '#bfc0c4',
  'brand-4': '#b4a7b0',
  'brand-5': '#a17282',
}

RGB Array

[208, 212, 213], [202, 206, 209], [191, 192, 196], [180, 167, 176], [161, 114, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0D4D5, #CACED1, #BFC0C4, #B4A7B0, #A17282 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: #d0d4d5; --color-2: #caced1; --color-3: #bfc0c4; --color-4: #b4a7b0; --color-5: #a17282. 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 general-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