← Back to Editor

#D0DEC5 · #B0A0A8 · #88627D · #604F6E · #54415E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D0DEC5

Celadon · LightGray · Mint Green

HEX
#D0DEC5
RGB
rgb(208, 222, 197)
HSL
hsl(94, 27%, 82%)
HSB
hsb(94, 11%, 87%)
CMYK
cmyk(6%, 0%, 11%, 13%)
Oklch
oklch(88.3% 0.037 131.2)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#B0A0A8

Rouge · DarkGray · Silver Sand

HEX
#B0A0A8
RGB
rgb(176, 160, 168)
HSL
hsl(330, 9%, 66%)
HSB
hsb(330, 9%, 69%)
CMYK
cmyk(0%, 9%, 5%, 31%)
Oklch
oklch(72.2% 0.022 345.9)

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

#88627D

Rose Purple · Gray · Violet

HEX
#88627D
RGB
rgb(136, 98, 125)
HSL
hsl(317, 16%, 46%)
HSB
hsb(317, 28%, 53%)
CMYK
cmyk(0%, 28%, 8%, 47%)
Oklch
oklch(54.4% 0.062 337.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#604F6E

Dark Plum · DimGray · Eggplant

HEX
#604F6E
RGB
rgb(96, 79, 110)
HSL
hsl(273, 16%, 37%)
HSB
hsb(273, 28%, 43%)
CMYK
cmyk(13%, 28%, 0%, 57%)
Oklch
oklch(45.7% 0.054 309.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#54415E

Dark Plum · DarkSlateGray · Eggplant

HEX
#54415E
RGB
rgb(84, 65, 94)
HSL
hsl(279, 18%, 31%)
HSB
hsb(279, 31%, 37%)
CMYK
cmyk(11%, 31%, 0%, 63%)
Oklch
oklch(40.7% 0.053 313.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0DEC5
D3C5DD

Analogous

DCDDC5
D0DEC5
C5DDC6

Triadic

D0DEC5
C5CFDD
DDC5CF

Split-Comp.

D0DEC5
C6C5DD
DDC5DC

Tetradic

D0DEC5
C5DCDD
D3C5DD
DDC6C5

Contrast Matrix WCAG 2.1 Contrast

D0DEC5
B0A0A8
88627D
604F6E
54415E
—
1.8
Fail
3.7
AA Large
5.3
AA
6.5
AA
1.8
Fail
—
2.1
Fail
3.0
Fail
3.7
AA Large
3.7
AA Large
2.1
Fail
—
1.4
Fail
1.8
Fail
5.3
AA
3.0
Fail
1.4
Fail
—
1.2
Fail
6.5
AA
3.7
AA Large
1.8
Fail
1.2
Fail
—
White BG
1.4Fail
2.5Fail
5.1AA
7.4AAA
9.2AAA
Black BG
14.9AAA
8.4AAA
4.1AA Large
2.8Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6CB
A9A9A6
787776
595866
4C4C57

Deuteranopia

D5D4CC
AAABA6
7A7D75
5A5B65
4D4E55

Tritanopia

D1D0D1
AFA5A4
867170
5F615F
535150

Achromatopsia

D7D7D7
A6A6A6
707070
585858
4A4A4A

Shades & Tints Shades & Tints

#D0DEC5

Dark
Light

#B0A0A8

Dark
Light

#88627D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0dec5;
  --color-2: #b0a0a8;
  --color-3: #88627d;
  --color-4: #604f6e;
  --color-5: #54415e;
}

SCSS

$color-1: #d0dec5;
$color-2: #b0a0a8;
$color-3: #88627d;
$color-4: #604f6e;
$color-5: #54415e;

TAILWIND

colors: {
  'brand-1': '#d0dec5',
  'brand-2': '#b0a0a8',
  'brand-3': '#88627d',
  'brand-4': '#604f6e',
  'brand-5': '#54415e',
}

RGB Array

[208, 222, 197], [176, 160, 168], [136, 98, 125], [96, 79, 110], [84, 65, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0DEC5, #B0A0A8, #88627D, #604F6E, #54415E is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d0dec5; --color-2: #b0a0a8; --color-3: #88627d; --color-4: #604f6e; --color-5: #54415e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco 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