← Back to Editor

#DCE5D0 · #D9D3DE · #D3BCE8 · #BF9ADB · #A098A6

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweet

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DCE5D0

Willow Green · LightGray · Mint Green

HEX
#DCE5D0
RGB
rgb(220, 229, 208)
HSL
hsl(86, 29%, 86%)
HSB
hsb(86, 9%, 90%)
CMYK
cmyk(4%, 0%, 9%, 10%)
Oklch
oklch(90.9% 0.030 126.0)

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

#D9D3DE

Lilac · LightGray · Lavender

HEX
#D9D3DE
RGB
rgb(217, 211, 222)
HSL
hsl(273, 14%, 85%)
HSB
hsb(273, 5%, 87%)
CMYK
cmyk(2%, 5%, 0%, 13%)
Oklch
oklch(87.5% 0.016 310.1)

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

#D3BCE8

Lilac · LightGray · Lavender

HEX
#D3BCE8
RGB
rgb(211, 188, 232)
HSL
hsl(271, 49%, 82%)
HSB
hsb(271, 19%, 91%)
CMYK
cmyk(9%, 19%, 0%, 9%)
Oklch
oklch(82.9% 0.065 308.6)

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

#BF9ADB

Lilac · LightSteelBlue · Lilac Purple

HEX
#BF9ADB
RGB
rgb(191, 154, 219)
HSL
hsl(274, 47%, 73%)
HSB
hsb(274, 30%, 86%)
CMYK
cmyk(13%, 30%, 0%, 14%)
Oklch
oklch(74.3% 0.100 310.0)

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

#A098A6

Ash · DarkGray · Silver Sand

HEX
#A098A6
RGB
rgb(160, 152, 166)
HSL
hsl(274, 7%, 62%)
HSB
hsb(274, 8%, 65%)
CMYK
cmyk(4%, 8%, 0%, 35%)
Oklch
oklch(69.1% 0.022 311.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCE5D0
DAD1E6

Analogous

E6E4D1
DCE5D0
D2E6D1

Triadic

DCE5D0
D1DDE6
E6D1DD

Split-Comp.

DCE5D0
D1D2E6
E4D1E6

Tetradic

DCE5D0
D1E6E4
DAD1E6
E6D1D2

Contrast Matrix WCAG 2.1 Contrast

DCE5D0
D9D3DE
D3BCE8
BF9ADB
A098A6
—
1.1
Fail
1.3
Fail
1.8
Fail
2.1
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.9
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
1.6
Fail
1.8
Fail
1.6
Fail
1.4
Fail
—
1.2
Fail
2.1
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
White BG
1.3Fail
1.5Fail
1.7Fail
2.4Fail
2.8Fail
Black BG
16.2AAA
14.3AAA
12.1AAA
8.9AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0D5
D6D6DB
C9C9DD
AFAFCB
9D9CA3

Deuteranopia

DFDFD6
D7D7DB
CACCDB
B1B4C7
9D9EA2

Tritanopia

DCD9DA
D9D9D9
D2D5D3
BDBFBC
A0A09F

Achromatopsia

E0E0E0
D6D6D6
C8C8C8
ACACAC
9C9C9C

Shades & Tints Shades & Tints

#DCE5D0

Dark
Light

#D9D3DE

Dark
Light

#D3BCE8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dce5d0;
  --color-2: #d9d3de;
  --color-3: #d3bce8;
  --color-4: #bf9adb;
  --color-5: #a098a6;
}

SCSS

$color-1: #dce5d0;
$color-2: #d9d3de;
$color-3: #d3bce8;
$color-4: #bf9adb;
$color-5: #a098a6;

TAILWIND

colors: {
  'brand-1': '#dce5d0',
  'brand-2': '#d9d3de',
  'brand-3': '#d3bce8',
  'brand-4': '#bf9adb',
  'brand-5': '#a098a6',
}

RGB Array

[220, 229, 208], [217, 211, 222], [211, 188, 232], [191, 154, 219], [160, 152, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DCE5D0, #D9D3DE, #D3BCE8, #BF9ADB, #A098A6 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: #dce5d0; --color-2: #d9d3de; --color-3: #d3bce8; --color-4: #bf9adb; --color-5: #a098a6. 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