← Back to Editor

#DDEAEB · #D9C5D9 · #C4ADC4 · #918677 · #8DA5A6

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

#DDEAEB

Sky Blue · Lavender · Glacier Blue

HEX
#DDEAEB
RGB
rgb(221, 234, 235)
HSL
hsl(184, 26%, 89%)
HSB
hsb(184, 6%, 92%)
CMYK
cmyk(6%, 0%, 0%, 8%)
Oklch
oklch(92.8% 0.014 202.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D9C5D9

Mauve · LightGray · Lavender

HEX
#D9C5D9
RGB
rgb(217, 197, 217)
HSL
hsl(300, 21%, 81%)
HSB
hsb(300, 9%, 85%)
CMYK
cmyk(0%, 9%, 0%, 15%)
Oklch
oklch(84.6% 0.035 325.9)

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

#C4ADC4

Mauve · Silver · Lilac Purple

HEX
#C4ADC4
RGB
rgb(196, 173, 196)
HSL
hsl(300, 16%, 72%)
HSB
hsb(300, 12%, 77%)
CMYK
cmyk(0%, 12%, 0%, 23%)
Oklch
oklch(77.4% 0.041 326.0)

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

#918677

Ginger · Gray · Warm Sun

HEX
#918677
RGB
rgb(145, 134, 119)
HSL
hsl(35, 11%, 52%)
HSB
hsb(35, 18%, 57%)
CMYK
cmyk(0%, 8%, 18%, 43%)
Oklch
oklch(62.5% 0.026 75.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#8DA5A6

Slate Blue · DarkGray · Lake Green

HEX
#8DA5A6
RGB
rgb(141, 165, 166)
HSL
hsl(182, 12%, 60%)
HSB
hsb(182, 15%, 65%)
CMYK
cmyk(15%, 1%, 0%, 35%)
Oklch
oklch(70.4% 0.027 199.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDEAEB
EADDDC

Analogous

DCEAE4
DDEAEB
DCE2EA

Triadic

DDEAEB
EADCE9
E9EADC

Split-Comp.

DDEAEB
EADCE2
EAE4DC

Tetradic

DDEAEB
E4DCEA
EADDDC
E2EADC

Contrast Matrix WCAG 2.1 Contrast

DDEAEB
D9C5D9
C4ADC4
918677
8DA5A6
—
1.3
Fail
1.7
Fail
2.9
Fail
2.1
Fail
1.3
Fail
—
1.3
Fail
2.2
Fail
1.6
Fail
1.7
Fail
1.3
Fail
—
1.7
Fail
1.3
Fail
2.9
Fail
2.2
Fail
1.7
Fail
—
1.4
Fail
2.1
Fail
1.6
Fail
1.3
Fail
1.4
Fail
—
White BG
1.2Fail
1.6Fail
2.1Fail
3.6AA Large
2.6Fail
Black BG
17.0AAA
12.9AAA
10.1AAA
5.9AA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3EB
D0D0D4
BABABE
8C8C7B
9798A6

Deuteranopia

E2E1EB
D2D3D3
BBBDBD
8D8E7C
9694A6

Tritanopia

DEEBEB
D8D0D0
C3BAB9
907D7E
8EA6A6

Achromatopsia

E6E6E6
CDCDCD
B6B6B6
888888
9E9E9E

Shades & Tints Shades & Tints

#DDEAEB

Dark
Light

#D9C5D9

Dark
Light

#C4ADC4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddeaeb;
  --color-2: #d9c5d9;
  --color-3: #c4adc4;
  --color-4: #918677;
  --color-5: #8da5a6;
}

SCSS

$color-1: #ddeaeb;
$color-2: #d9c5d9;
$color-3: #c4adc4;
$color-4: #918677;
$color-5: #8da5a6;

TAILWIND

colors: {
  'brand-1': '#ddeaeb',
  'brand-2': '#d9c5d9',
  'brand-3': '#c4adc4',
  'brand-4': '#918677',
  'brand-5': '#8da5a6',
}

RGB Array

[221, 234, 235], [217, 197, 217], [196, 173, 196], [145, 134, 119], [141, 165, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDEAEB, #D9C5D9, #C4ADC4, #918677, #8DA5A6 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: #ddeaeb; --color-2: #d9c5d9; --color-3: #c4adc4; --color-4: #918677; --color-5: #8da5a6. 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