#E0D8D3 + #D9D4E2 + #C4D9EE + #A3E0F4 + #71EDF0 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E0D8D3

Apricot · LightGray · Peach Orange

HEX

#E0D8D3

RGB

rgb(224, 216, 211)

HSL

hsl(23, 17%, 85%)

HSB

hsb(23, 6%, 88%)

CMYK

cmyk(0%, 4%, 6%, 12%)

Oklch

oklch(88.7% 0.011 54.5)

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

#D9D4E2

Wisteria · LightGray · Lavender

HEX

#D9D4E2

RGB

rgb(217, 212, 226)

HSL

hsl(261, 19%, 86%)

HSB

hsb(261, 6%, 89%)

CMYK

cmyk(4%, 6%, 0%, 11%)

Oklch

oklch(87.8% 0.020 302.2)

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

#C4D9EE

Azure · LightBlue · Sky Blue

HEX

#C4D9EE

RGB

rgb(196, 217, 238)

HSL

hsl(210, 55%, 85%)

HSB

hsb(210, 18%, 93%)

CMYK

cmyk(18%, 9%, 0%, 7%)

Oklch

oklch(87.6% 0.037 248.2)

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

#A3E0F4

Sky Blue · LightBlue · Glacier Blue

HEX

#A3E0F4

RGB

rgb(163, 224, 244)

HSL

hsl(195, 79%, 80%)

HSB

hsb(195, 33%, 96%)

CMYK

cmyk(33%, 8%, 0%, 4%)

Oklch

oklch(87.2% 0.068 220.2)

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

#71EDF0

Sky Blue · SkyBlue · Lake Green

HEX

#71EDF0

RGB

rgb(113, 237, 240)

HSL

hsl(181, 81%, 69%)

HSB

hsb(181, 53%, 94%)

CMYK

cmyk(53%, 1%, 0%, 6%)

Oklch

oklch(87.7% 0.111 197.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D8D3

D2DADF

Analogous

DFD2D4

E0D8D3

DFDED2

Triadic

E0D8D3

D2DFD7

D7D2DF

Split-Comp.

E0D8D3

D2DFDE

D2D4DF

Tetradic

E0D8D3

D4DFD2

D2DADF

DED2DF

Contrast Matrix WCAG 2.1 Contrast

E0D8D3	D9D4E2	C4D9EE	A3E0F4	71EDF0
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.4Fail

1.5Fail

1.4Fail

Black BG

14.9AAA

14.5AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDCD4

D7D7DF

CDCDE9

BDBEEF

A7A8EF

Deuteranopia

DDDED5

D7D7DE

CCCAE8

BAB5EE

A096EF

Tritanopia

E0D5D5

D9DCDB

C5E5E4

A6EBEB

77EFEF

Achromatopsia

DADADA

D7D7D7

D5D5D5

D0D0D0

C8C8C8

Shades & Tints Shades & Tints

#E0D8D3

Dark

Light

#D9D4E2

Dark

Light

#C4D9EE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d8d3;
  --color-2: #d9d4e2;
  --color-3: #c4d9ee;
  --color-4: #a3e0f4;
  --color-5: #71edf0;
}

SCSS

$color-1: #e0d8d3;
$color-2: #d9d4e2;
$color-3: #c4d9ee;
$color-4: #a3e0f4;
$color-5: #71edf0;

TAILWIND

colors: {
  'brand-1': '#e0d8d3',
  'brand-2': '#d9d4e2',
  'brand-3': '#c4d9ee',
  'brand-4': '#a3e0f4',
  'brand-5': '#71edf0',
}

RGB Array

[224, 216, 211], [217, 212, 226], [196, 217, 238], [163, 224, 244], [113, 237, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E0D8D3, #D9D4E2, #C4D9EE, #A3E0F4, #71EDF0 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0d8d3; --color-2: #d9d4e2; --color-3: #c4d9ee; --color-4: #a3e0f4; --color-5: #71edf0. 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 tech, SaaS, healthcare, eco industries. 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