#E8EEC3 + #EDDAC3 + #D3BFBE + #BDB4C6 + #AFDDD9 · 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

#E8EEC3

Fresh Green · Bisque · Lemon Cream

HEX

#E8EEC3

RGB

rgb(232, 238, 195)

HSL

hsl(68, 56%, 85%)

HSB

hsb(68, 18%, 93%)

CMYK

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

Oklch

oklch(93.4% 0.057 114.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDDAC3

Goose Yellow · Wheat · Peach Orange

HEX

#EDDAC3

RGB

rgb(237, 218, 195)

HSL

hsl(33, 54%, 85%)

HSB

hsb(33, 18%, 93%)

CMYK

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

Oklch

oklch(89.8% 0.037 72.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D3BFBE

Peach Pink · Silver · Coral Red

HEX

#D3BFBE

RGB

rgb(211, 191, 190)

HSL

hsl(3, 19%, 79%)

HSB

hsb(3, 10%, 83%)

CMYK

cmyk(0%, 9%, 10%, 17%)

Oklch

oklch(82.1% 0.023 21.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BDB4C6

Lilac · Silver · Lilac Purple

HEX

#BDB4C6

RGB

rgb(189, 180, 198)

HSL

hsl(270, 14%, 74%)

HSB

hsb(270, 9%, 78%)

CMYK

cmyk(5%, 9%, 0%, 22%)

Oklch

oklch(78.3% 0.027 308.1)

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

#AFDDD9

Jade · LightBlue · Glacier Blue

HEX

#AFDDD9

RGB

rgb(175, 221, 217)

HSL

hsl(175, 40%, 78%)

HSB

hsb(175, 21%, 87%)

CMYK

cmyk(21%, 0%, 2%, 13%)

Oklch

oklch(86.4% 0.048 189.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8EEC3

C9C3EE

Analogous

EEDEC3

E8EEC3

D3EEC3

Triadic

E8EEC3

C3E8EE

EEC3E8

Split-Comp.

E8EEC3

C3D3EE

DEC3EE

Tetradic

E8EEC3

C3EEDE

C9C3EE

EEC3D3

Contrast Matrix WCAG 2.1 Contrast

E8EEC3	EDDAC3	D3BFBE	BDB4C6	AFDDD9
—	1.1 Fail	1.5 Fail	1.7 Fail	1.2 Fail
1.1 Fail	—	1.3 Fail	1.5 Fail	1.1 Fail
1.5 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
1.7 Fail	1.5 Fail	1.1 Fail	—	1.3 Fail
1.2 Fail	1.1 Fail	1.2 Fail	1.3 Fail	—

White BG

1.2Fail

1.4Fail

1.8Fail

2.0Fail

1.5Fail

Black BG

17.4AAA

15.4AAA

12.0AAA

10.5AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBCD

E5E5C9

CACABE

B9B9C2

C3C3DA

Deuteranopia

EAEAD0

E6E7CA

CCCDBE

BABAC1

C0BDDA

Tritanopia

E8D6D7

ECCDCE

D2BEBE

BDBEBD

B1DBDB

Achromatopsia

E7E7E7

DDDDDD

C5C5C5

B9B9B9

CFCFCF

Shades & Tints Shades & Tints

#E8EEC3

Dark

Light

#EDDAC3

Dark

Light

#D3BFBE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8eec3;
  --color-2: #eddac3;
  --color-3: #d3bfbe;
  --color-4: #bdb4c6;
  --color-5: #afddd9;
}

SCSS

$color-1: #e8eec3;
$color-2: #eddac3;
$color-3: #d3bfbe;
$color-4: #bdb4c6;
$color-5: #afddd9;

TAILWIND

colors: {
  'brand-1': '#e8eec3',
  'brand-2': '#eddac3',
  'brand-3': '#d3bfbe',
  'brand-4': '#bdb4c6',
  'brand-5': '#afddd9',
}

RGB Array

[232, 238, 195], [237, 218, 195], [211, 191, 190], [189, 180, 198], [175, 221, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8EEC3, #EDDAC3, #D3BFBE, #BDB4C6, #AFDDD9 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: #e8eec3; --color-2: #eddac3; --color-3: #d3bfbe; --color-4: #bdb4c6; --color-5: #afddd9. 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