← Back to Editor

#DBC1CA · #A87998 · #5BA3A8 · #E7DFE5 · #E8D5D2

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

#DBC1CA

Rouge · LightGray · Cherry Blossom

HEX
#DBC1CA
RGB
rgb(219, 193, 202)
HSL
hsl(339, 27%, 81%)
HSB
hsb(339, 12%, 86%)
CMYK
cmyk(0%, 12%, 8%, 14%)
Oklch
oklch(83.5% 0.032 354.9)

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

#A87998

Rose Purple · Gray · Rose Pink

HEX
#A87998
RGB
rgb(168, 121, 152)
HSL
hsl(320, 21%, 57%)
HSB
hsb(320, 28%, 66%)
CMYK
cmyk(0%, 28%, 10%, 34%)
Oklch
oklch(63.3% 0.072 339.8)

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

#5BA3A8

Slate Blue · CadetBlue · Lake Green

HEX
#5BA3A8
RGB
rgb(91, 163, 168)
HSL
hsl(184, 31%, 51%)
HSB
hsb(184, 46%, 66%)
CMYK
cmyk(46%, 3%, 0%, 34%)
Oklch
oklch(67.1% 0.073 201.4)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#E7DFE5

Mauve · Lavender · Lavender

HEX
#E7DFE5
RGB
rgb(231, 223, 229)
HSL
hsl(315, 14%, 89%)
HSB
hsb(315, 3%, 91%)
CMYK
cmyk(0%, 3%, 1%, 9%)
Oklch
oklch(91.2% 0.012 334.1)

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

#E8D5D2

Peach Pink · LightGray · Cherry Blossom

HEX
#E8D5D2
RGB
rgb(232, 213, 210)
HSL
hsl(8, 32%, 87%)
HSB
hsb(8, 9%, 91%)
CMYK
cmyk(0%, 8%, 9%, 9%)
Oklch
oklch(88.8% 0.022 28.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC1CA
C1DCD2

Analogous

DCC1D8
DBC1CA
DCC5C1

Triadic

DBC1CA
CBDCC1
C1CBDC

Split-Comp.

DBC1CA
C1DCC5
C1D8DC

Tetradic

DBC1CA
D8DCC1
C1DCD2
C5C1DC

Contrast Matrix WCAG 2.1 Contrast

DBC1CA
A87998
5BA3A8
E7DFE5
E8D5D2
—
2.1
Fail
1.7
Fail
1.3
Fail
1.2
Fail
2.1
Fail
—
1.2
Fail
2.7
Fail
2.5
Fail
1.7
Fail
1.2
Fail
—
2.2
Fail
2.1
Fail
1.3
Fail
2.7
Fail
2.2
Fail
—
1.1
Fail
1.2
Fail
2.5
Fail
2.1
Fail
1.1
Fail
—
White BG
1.7Fail
3.6AA Large
2.9Fail
1.3Fail
1.4Fail
Black BG
12.5AAA
5.9AA
7.2AAA
16.1AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0C8
949390
7A7BA7
E4E3E4
E0E0D3

Deuteranopia

D1D3C7
969A8F
7671A7
E4E5E3
E1E2D3

Tritanopia

DAC6C6
A68B89
5FA6A6
E7E2E2
E7D3D3

Achromatopsia

CACACA
8B8B8B
8E8E8E
E2E2E2
DADADA

Shades & Tints Shades & Tints

#DBC1CA

Dark
Light

#A87998

Dark
Light

#5BA3A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc1ca;
  --color-2: #a87998;
  --color-3: #5ba3a8;
  --color-4: #e7dfe5;
  --color-5: #e8d5d2;
}

SCSS

$color-1: #dbc1ca;
$color-2: #a87998;
$color-3: #5ba3a8;
$color-4: #e7dfe5;
$color-5: #e8d5d2;

TAILWIND

colors: {
  'brand-1': '#dbc1ca',
  'brand-2': '#a87998',
  'brand-3': '#5ba3a8',
  'brand-4': '#e7dfe5',
  'brand-5': '#e8d5d2',
}

RGB Array

[219, 193, 202], [168, 121, 152], [91, 163, 168], [231, 223, 229], [232, 213, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBC1CA, #A87998, #5BA3A8, #E7DFE5, #E8D5D2 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: #dbc1ca; --color-2: #a87998; --color-3: #5ba3a8; --color-4: #e7dfe5; --color-5: #e8d5d2. 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