← Back to Editor

#D9D9E1 · #DFC8E3 · #E8AABC · #C497A4 · #A08694

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

#D9D9E1

Wisteria · LightGray · Sky Blue

HEX
#D9D9E1
RGB
rgb(217, 217, 225)
HSL
hsl(240, 12%, 87%)
HSB
hsb(240, 4%, 88%)
CMYK
cmyk(4%, 4%, 0%, 12%)
Oklch
oklch(88.8% 0.011 286.2)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#DFC8E3

Lilac · LightGray · Lavender

HEX
#DFC8E3
RGB
rgb(223, 200, 227)
HSL
hsl(291, 33%, 84%)
HSB
hsb(291, 12%, 89%)
CMYK
cmyk(2%, 12%, 0%, 11%)
Oklch
oklch(86.0% 0.044 321.2)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#E8AABC

Rouge · LightPink · Cherry Blossom

HEX
#E8AABC
RGB
rgb(232, 170, 188)
HSL
hsl(343, 57%, 79%)
HSB
hsb(343, 27%, 91%)
CMYK
cmyk(0%, 27%, 19%, 9%)
Oklch
oklch(80.1% 0.076 359.9)

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

#C497A4

Rouge · DarkGray · Rose Pink

HEX
#C497A4
RGB
rgb(196, 151, 164)
HSL
hsl(343, 28%, 68%)
HSB
hsb(343, 23%, 77%)
CMYK
cmyk(0%, 23%, 16%, 23%)
Oklch
oklch(72.2% 0.056 359.5)

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

#A08694

Rose Purple · Gray · Rose Pink

HEX
#A08694
RGB
rgb(160, 134, 148)
HSL
hsl(328, 12%, 58%)
HSB
hsb(328, 16%, 63%)
CMYK
cmyk(0%, 16%, 7%, 37%)
Oklch
oklch(64.8% 0.037 344.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D9E1
E2E2DA

Analogous

DADEE2
D9D9E1
DEDAE2

Triadic

D9D9E1
E2DADA
DAE2DA

Split-Comp.

D9D9E1
E2DEDA
DEE2DA

Tetradic

D9D9E1
E2DADE
E2E2DA
DAE2DE

Contrast Matrix WCAG 2.1 Contrast

D9D9E1
DFC8E3
E8AABC
C497A4
A08694
—
1.1
Fail
1.4
Fail
1.8
Fail
2.4
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.4
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
White BG
1.4Fail
1.6Fail
1.9Fail
2.5Fail
3.3AA Large
Black BG
15.0AAA
13.5AAA
10.9AAA
8.3AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9DF
D5D5DC
CDCDB8
B1B0A1
959591

Deuteranopia

D9D9DF
D6D8DB
D1D5B7
B3B7A0
969890

Tritanopia

D9DEDD
DED7D6
E5B4B3
C29E9E
9F8E8D

Achromatopsia

DADADA
D2D2D2
BFBFBF
A6A6A6
8F8F8F

Shades & Tints Shades & Tints

#D9D9E1

Dark
Light

#DFC8E3

Dark
Light

#E8AABC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d9e1;
  --color-2: #dfc8e3;
  --color-3: #e8aabc;
  --color-4: #c497a4;
  --color-5: #a08694;
}

SCSS

$color-1: #d9d9e1;
$color-2: #dfc8e3;
$color-3: #e8aabc;
$color-4: #c497a4;
$color-5: #a08694;

TAILWIND

colors: {
  'brand-1': '#d9d9e1',
  'brand-2': '#dfc8e3',
  'brand-3': '#e8aabc',
  'brand-4': '#c497a4',
  'brand-5': '#a08694',
}

RGB Array

[217, 217, 225], [223, 200, 227], [232, 170, 188], [196, 151, 164], [160, 134, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9D9E1, #DFC8E3, #E8AABC, #C497A4, #A08694 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: #d9d9e1; --color-2: #dfc8e3; --color-3: #e8aabc; --color-4: #c497a4; --color-5: #a08694. 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