← Back to Editor

#DAE5E7 · #D2DBE0 · #D7D0D7 · #D2C8D0 · #CFB5B6

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DAE5E7

Sky Blue · Lavender · Glacier Blue

HEX
#DAE5E7
RGB
rgb(218, 229, 231)
HSL
hsl(189, 21%, 88%)
HSB
hsb(189, 6%, 91%)
CMYK
cmyk(6%, 1%, 0%, 9%)
Oklch
oklch(91.4% 0.012 209.8)

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

#D2DBE0

Sky Blue · LightGray · Sky Blue

HEX
#D2DBE0
RGB
rgb(210, 219, 224)
HSL
hsl(201, 18%, 85%)
HSB
hsb(201, 6%, 88%)
CMYK
cmyk(6%, 2%, 0%, 12%)
Oklch
oklch(88.6% 0.012 231.7)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#D7D0D7

Mauve · LightGray · Pearl Gray

HEX
#D7D0D7
RGB
rgb(215, 208, 215)
HSL
hsl(300, 8%, 83%)
HSB
hsb(300, 3%, 84%)
CMYK
cmyk(0%, 3%, 0%, 16%)
Oklch
oklch(86.5% 0.012 325.7)

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

#D2C8D0

Mauve · LightGray · Lilac Purple

HEX
#D2C8D0
RGB
rgb(210, 200, 208)
HSL
hsl(312, 10%, 80%)
HSB
hsb(312, 5%, 82%)
CMYK
cmyk(0%, 5%, 1%, 18%)
Oklch
oklch(84.3% 0.016 332.3)

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

#CFB5B6

Peach Pink · Silver · Coral Red

HEX
#CFB5B6
RGB
rgb(207, 181, 182)
HSL
hsl(358, 21%, 76%)
HSB
hsb(358, 13%, 81%)
CMYK
cmyk(0%, 13%, 12%, 19%)
Oklch
oklch(79.6% 0.030 15.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE5E7
E7DCDA

Analogous

DAE7E2
DAE5E7
DADEE7

Triadic

DAE5E7
E7DAE5
E5E7DA

Split-Comp.

DAE5E7
E7DADE
E7E2DA

Tetradic

DAE5E7
E2DAE7
E7DCDA
DEE7DA

Contrast Matrix WCAG 2.1 Contrast

DAE5E7
D2DBE0
D7D0D7
D2C8D0
CFB5B6
—
1.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
White BG
1.3Fail
1.4Fail
1.5Fail
1.6Fail
1.9Fail
Black BG
16.3AAA
14.9AAA
13.9AAA
12.9AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFE7
D6D6DF
D4D4D5
CECECE
C4C4B6

Deuteranopia

DEDDE6
D5D5DF
D4D5D5
CECFCE
C5C7B6

Tritanopia

DBE6E6
D2DEDE
D7D4D4
D2CDCC
CEB6B6

Achromatopsia

E2E2E2
D9D9D9
D3D3D3
CCCCCC
BDBDBD

Shades & Tints Shades & Tints

#DAE5E7

Dark
Light

#D2DBE0

Dark
Light

#D7D0D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae5e7;
  --color-2: #d2dbe0;
  --color-3: #d7d0d7;
  --color-4: #d2c8d0;
  --color-5: #cfb5b6;
}

SCSS

$color-1: #dae5e7;
$color-2: #d2dbe0;
$color-3: #d7d0d7;
$color-4: #d2c8d0;
$color-5: #cfb5b6;

TAILWIND

colors: {
  'brand-1': '#dae5e7',
  'brand-2': '#d2dbe0',
  'brand-3': '#d7d0d7',
  'brand-4': '#d2c8d0',
  'brand-5': '#cfb5b6',
}

RGB Array

[218, 229, 231], [210, 219, 224], [215, 208, 215], [210, 200, 208], [207, 181, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DAE5E7, #D2DBE0, #D7D0D7, #D2C8D0, #CFB5B6 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: #dae5e7; --color-2: #d2dbe0; --color-3: #d7d0d7; --color-4: #d2c8d0; --color-5: #cfb5b6. 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 pastel-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