← Back to Editor

#E2E6D1 · #DCE1CF · #DED3CD · #C2B9C1 · #A0B4C1

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

#E2E6D1

Willow Green · LightGray · Mint Green

HEX
#E2E6D1
RGB
rgb(226, 230, 209)
HSL
hsl(71, 30%, 86%)
HSB
hsb(71, 9%, 90%)
CMYK
cmyk(2%, 0%, 9%, 10%)
Oklch
oklch(91.6% 0.028 115.7)

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

#DCE1CF

Willow Green · LightGray · Mint Green

HEX
#DCE1CF
RGB
rgb(220, 225, 207)
HSL
hsl(77, 23%, 85%)
HSB
hsb(77, 8%, 88%)
CMYK
cmyk(2%, 0%, 8%, 12%)
Oklch
oklch(90.1% 0.025 119.5)

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

#DED3CD

Apricot · LightGray · Peach Orange

HEX
#DED3CD
RGB
rgb(222, 211, 205)
HSL
hsl(21, 20%, 84%)
HSB
hsb(21, 8%, 87%)
CMYK
cmyk(0%, 5%, 8%, 13%)
Oklch
oklch(87.4% 0.015 50.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C2B9C1

Silver Gray · Silver · Pearl Gray

HEX
#C2B9C1
RGB
rgb(194, 185, 193)
HSL
hsl(307, 7%, 74%)
HSB
hsb(307, 5%, 76%)
CMYK
cmyk(0%, 5%, 1%, 24%)
Oklch
oklch(79.6% 0.015 329.2)

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

#A0B4C1

Sky Blue · DarkGray · Cobalt Blue

HEX
#A0B4C1
RGB
rgb(160, 180, 193)
HSL
hsl(204, 21%, 69%)
HSB
hsb(204, 17%, 76%)
CMYK
cmyk(17%, 7%, 0%, 24%)
Oklch
oklch(75.9% 0.029 236.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2E6D1
D5D1E6

Analogous

E6DFD1
E2E6D1
D7E6D1

Triadic

E2E6D1
D1E2E6
E6D1E2

Split-Comp.

E2E6D1
D1D7E6
DFD1E6

Tetradic

E2E6D1
D1E6DF
D5D1E6
E6D1D7

Contrast Matrix WCAG 2.1 Contrast

E2E6D1
DCE1CF
DED3CD
C2B9C1
A0B4C1
—
1.0
Fail
1.2
Fail
1.5
Fail
1.7
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.7
Fail
1.6
Fail
1.5
Fail
1.1
Fail
—
White BG
1.3Fail
1.3Fail
1.5Fail
1.9Fail
2.1Fail
Black BG
16.5AAA
15.7AAA
14.3AAA
11.0AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D6
DEDED3
D9D9CE
BEBEBF
A9A9BE

Deuteranopia

E4E3D7
DEDED4
DADBCF
BFBFBF
A8A6BD

Tritanopia

E2DADB
DCD7D8
DDD0D0
C2BEBD
A1BBBB

Achromatopsia

E2E2E2
DDDDDD
D6D6D6
BDBDBD
B0B0B0

Shades & Tints Shades & Tints

#E2E6D1

Dark
Light

#DCE1CF

Dark
Light

#DED3CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2e6d1;
  --color-2: #dce1cf;
  --color-3: #ded3cd;
  --color-4: #c2b9c1;
  --color-5: #a0b4c1;
}

SCSS

$color-1: #e2e6d1;
$color-2: #dce1cf;
$color-3: #ded3cd;
$color-4: #c2b9c1;
$color-5: #a0b4c1;

TAILWIND

colors: {
  'brand-1': '#e2e6d1',
  'brand-2': '#dce1cf',
  'brand-3': '#ded3cd',
  'brand-4': '#c2b9c1',
  'brand-5': '#a0b4c1',
}

RGB Array

[226, 230, 209], [220, 225, 207], [222, 211, 205], [194, 185, 193], [160, 180, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E2E6D1, #DCE1CF, #DED3CD, #C2B9C1, #A0B4C1 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: #e2e6d1; --color-2: #dce1cf; --color-3: #ded3cd; --color-4: #c2b9c1; --color-5: #a0b4c1. 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