← Back to Editor

#808082 · #D1D0CB · #E8DEDC · #D7CAC2 · #BC635F

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

#808082

Ash · Gray · Warm Gray

HEX
#808082
RGB
rgb(128, 128, 130)
HSL
hsl(240, 1%, 51%)
HSB
hsb(240, 2%, 51%)
CMYK
cmyk(2%, 2%, 0%, 49%)
Oklch
oklch(60.1% 0.003 286.3)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#D1D0CB

Silver Gray · LightGray · Pearl Gray

HEX
#D1D0CB
RGB
rgb(209, 208, 203)
HSL
hsl(50, 6%, 81%)
HSB
hsb(50, 3%, 82%)
CMYK
cmyk(0%, 0%, 3%, 18%)
Oklch
oklch(85.7% 0.007 97.4)

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

#E8DEDC

Peach Pink · LightGray · Cherry Blossom

HEX
#E8DEDC
RGB
rgb(232, 222, 220)
HSL
hsl(10, 21%, 89%)
HSB
hsb(10, 5%, 91%)
CMYK
cmyk(0%, 4%, 5%, 9%)
Oklch
oklch(90.8% 0.011 31.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D7CAC2

Apricot · LightGray · Peach Orange

HEX
#D7CAC2
RGB
rgb(215, 202, 194)
HSL
hsl(23, 21%, 80%)
HSB
hsb(23, 10%, 84%)
CMYK
cmyk(0%, 6%, 10%, 16%)
Oklch
oklch(84.7% 0.018 53.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BC635F

Crimson · Sienna · Passion Red

HEX
#BC635F
RGB
rgb(188, 99, 95)
HSL
hsl(3, 41%, 55%)
HSB
hsb(3, 49%, 74%)
CMYK
cmyk(0%, 47%, 49%, 26%)
Oklch
oklch(60.3% 0.115 23.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

808082
838381

Analogous

818283
808082
828183

Triadic

808082
838181
818381

Split-Comp.

808082
838281
828381

Tetradic

808082
838182
838381
818382

Contrast Matrix WCAG 2.1 Contrast

808082
D1D0CB
E8DEDC
D7CAC2
BC635F
—
2.6
Fail
3.0
Fail
2.5
Fail
1.0
Fail
2.6
Fail
—
1.2
Fail
1.0
Fail
2.7
Fail
3.0
Fail
1.2
Fail
—
1.2
Fail
3.1
AA Large
2.5
Fail
1.0
Fail
1.2
Fail
—
2.6
Fail
1.0
Fail
2.7
Fail
3.1
AA Large
2.6
Fail
—
White BG
3.9AA Large
1.5Fail
1.3Fail
1.6Fail
4.1AA Large
Black BG
5.3AA
13.6AAA
15.9AAA
13.1AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

808082
D1D1CC
E4E4DC
D1D1C4
959560

Deuteranopia

808081
D1D1CD
E4E5DD
D2D3C4
9BA160

Tritanopia

808181
D1CDCD
E7DDDD
D6C5C6
B86161

Achromatopsia

808080
D0D0D0
E1E1E1
CDCDCD
7D7D7D

Shades & Tints Shades & Tints

#808082

Dark
Light

#D1D0CB

Dark
Light

#E8DEDC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #808082;
  --color-2: #d1d0cb;
  --color-3: #e8dedc;
  --color-4: #d7cac2;
  --color-5: #bc635f;
}

SCSS

$color-1: #808082;
$color-2: #d1d0cb;
$color-3: #e8dedc;
$color-4: #d7cac2;
$color-5: #bc635f;

TAILWIND

colors: {
  'brand-1': '#808082',
  'brand-2': '#d1d0cb',
  'brand-3': '#e8dedc',
  'brand-4': '#d7cac2',
  'brand-5': '#bc635f',
}

RGB Array

[128, 128, 130], [209, 208, 203], [232, 222, 220], [215, 202, 194], [188, 99, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #808082, #D1D0CB, #E8DEDC, #D7CAC2, #BC635F 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: #808082; --color-2: #d1d0cb; --color-3: #e8dedc; --color-4: #d7cac2; --color-5: #bc635f. 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