← Back to Editor

#D6D6D6 · #CBC4C4 · #CAB8B8 · #C5A7B5 · #C9A0C3

earth

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

#D6D6D6

Silver Gray · LightGray · Pearl Gray

HEX
#D6D6D6
RGB
rgb(214, 214, 214)
HSL
hsl(0, 0%, 84%)
HSB
hsb(0, 0%, 84%)
CMYK
cmyk(0%, 0%, 0%, 16%)
Oklch
oklch(87.6% 0.000 89.9)

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

#CBC4C4

Silver Gray · Silver · Pearl Gray

HEX
#CBC4C4
RGB
rgb(203, 196, 196)
HSL
hsl(0, 6%, 78%)
HSB
hsb(0, 3%, 80%)
CMYK
cmyk(0%, 3%, 3%, 20%)
Oklch
oklch(82.6% 0.008 17.3)

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

#CAB8B8

Peach Pink · Silver · Coral Red

HEX
#CAB8B8
RGB
rgb(202, 184, 184)
HSL
hsl(0, 15%, 76%)
HSB
hsb(0, 9%, 79%)
CMYK
cmyk(0%, 9%, 9%, 21%)
Oklch
oklch(79.8% 0.021 17.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C5A7B5

Rouge · Silver · Rose Pink

HEX
#C5A7B5
RGB
rgb(197, 167, 181)
HSL
hsl(332, 21%, 71%)
HSB
hsb(332, 15%, 77%)
CMYK
cmyk(0%, 15%, 8%, 23%)
Oklch
oklch(75.9% 0.040 348.3)

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

#C9A0C3

Mauve · Silver · Lilac Purple

HEX
#C9A0C3
RGB
rgb(201, 160, 195)
HSL
hsl(309, 28%, 71%)
HSB
hsb(309, 20%, 79%)
CMYK
cmyk(0%, 20%, 3%, 21%)
Oklch
oklch(75.4% 0.067 331.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D6D6
D6D6D6

Analogous

D6D6D6
D6D6D6
D6D6D6

Triadic

D6D6D6
D6D6D6
D6D6D6

Split-Comp.

D6D6D6
D6D6D6
D6D6D6

Tetradic

D6D6D6
D6D6D6
D6D6D6
D6D6D6

Contrast Matrix WCAG 2.1 Contrast

D6D6D6
CBC4C4
CAB8B8
C5A7B5
C9A0C3
—
1.2
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.0
Fail
1.6
Fail
1.3
Fail
1.2
Fail
1.0
Fail
—
White BG
1.5Fail
1.7Fail
1.9Fail
2.2Fail
2.3Fail
Black BG
14.4AAA
12.2AAA
11.1AAA
9.6AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6D6
C8C8C4
C2C2B8
B8B8B2
B7B7BB

Deuteranopia

D6D6D6
C8C9C4
C3C5B8
BABCB1
BABDB9

Tritanopia

D6D6D6
CBC4C4
C9B8B8
C3AFAE
C7B4B2

Achromatopsia

D6D6D6
C6C6C6
BDBDBD
B2B2B2
B0B0B0

Shades & Tints Shades & Tints

#D6D6D6

Dark
Light

#CBC4C4

Dark
Light

#CAB8B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d6d6;
  --color-2: #cbc4c4;
  --color-3: #cab8b8;
  --color-4: #c5a7b5;
  --color-5: #c9a0c3;
}

SCSS

$color-1: #d6d6d6;
$color-2: #cbc4c4;
$color-3: #cab8b8;
$color-4: #c5a7b5;
$color-5: #c9a0c3;

TAILWIND

colors: {
  'brand-1': '#d6d6d6',
  'brand-2': '#cbc4c4',
  'brand-3': '#cab8b8',
  'brand-4': '#c5a7b5',
  'brand-5': '#c9a0c3',
}

RGB Array

[214, 214, 214], [203, 196, 196], [202, 184, 184], [197, 167, 181], [201, 160, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #D6D6D6, #CBC4C4, #CAB8B8, #C5A7B5, #C9A0C3 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: #d6d6d6; --color-2: #cbc4c4; --color-3: #cab8b8; --color-4: #c5a7b5; --color-5: #c9a0c3. 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 earth-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