#D4C8B7 + #DEDCD5 + #E1E8E7 + #E1FCF1 + #EBF2F1 · 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

#D4C8B7

Goose Yellow · Silver · Peach Orange

HEX

#D4C8B7

RGB

rgb(212, 200, 183)

HSL

hsl(35, 25%, 77%)

HSB

hsb(35, 14%, 83%)

CMYK

cmyk(0%, 6%, 14%, 17%)

Oklch

oklch(83.8% 0.027 76.8)

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

#DEDCD5

Goose Yellow · LightGray · Lemon Cream

HEX

#DEDCD5

RGB

rgb(222, 220, 213)

HSL

hsl(47, 12%, 85%)

HSB

hsb(47, 4%, 87%)

CMYK

cmyk(0%, 1%, 4%, 13%)

Oklch

oklch(89.4% 0.010 93.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1E8E7

Jade · Lavender · Glacier Blue

HEX

#E1E8E7

RGB

rgb(225, 232, 231)

HSL

hsl(171, 13%, 90%)

HSB

hsb(171, 3%, 91%)

CMYK

cmyk(3%, 0%, 0%, 9%)

Oklch

oklch(92.5% 0.008 186.9)

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

#E1FCF1

Jade · Lavender · Mint Green

HEX

#E1FCF1

RGB

rgb(225, 252, 241)

HSL

hsl(156, 82%, 94%)

HSB

hsb(156, 11%, 99%)

CMYK

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

Oklch

oklch(96.9% 0.032 169.2)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#EBF2F1

Jade · Lavender · Glacier Blue

HEX

#EBF2F1

RGB

rgb(235, 242, 241)

HSL

hsl(171, 21%, 94%)

HSB

hsb(171, 3%, 95%)

CMYK

cmyk(3%, 0%, 0%, 5%)

Oklch

oklch(95.6% 0.008 186.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4C8B7

B6C2D3

Analogous

D3B8B6

D4C8B7

D1D3B6

Triadic

D4C8B7

B6D3C7

C7B6D3

Split-Comp.

D4C8B7

B6D1D3

B8B6D3

Tetradic

D4C8B7

B6D3B8

B6C2D3

D3B6D1

Contrast Matrix WCAG 2.1 Contrast

D4C8B7	DEDCD5	E1E8E7	E1FCF1	EBF2F1
—	1.2 Fail	1.3 Fail	1.5 Fail	1.5 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.2 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.0 Fail
1.5 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.6Fail

1.4Fail

1.2Fail

1.1Fail

Black BG

12.7AAA

15.3AAA

16.9AAA

19.4AAA

18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFBB

DDDDD7

E4E4E7

EDEDF4

EEEEF1

Deuteranopia

D0D0BC

DDDDD7

E4E3E7

EBE9F4

EEEDF1

Tritanopia

D3BEBF

DED8D8

E1E7E7

E2F6F6

EBF1F1

Achromatopsia

CACACA

DCDCDC

E6E6E6

F3F3F3

F0F0F0

Shades & Tints Shades & Tints

#D4C8B7

Dark

Light

#DEDCD5

Dark

Light

#E1E8E7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4c8b7;
  --color-2: #dedcd5;
  --color-3: #e1e8e7;
  --color-4: #e1fcf1;
  --color-5: #ebf2f1;
}

SCSS

$color-1: #d4c8b7;
$color-2: #dedcd5;
$color-3: #e1e8e7;
$color-4: #e1fcf1;
$color-5: #ebf2f1;

TAILWIND

colors: {
  'brand-1': '#d4c8b7',
  'brand-2': '#dedcd5',
  'brand-3': '#e1e8e7',
  'brand-4': '#e1fcf1',
  'brand-5': '#ebf2f1',
}

RGB Array

[212, 200, 183], [222, 220, 213], [225, 232, 231], [225, 252, 241], [235, 242, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D4C8B7, #DEDCD5, #E1E8E7, #E1FCF1, #EBF2F1 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: #d4c8b7; --color-2: #dedcd5; --color-3: #e1e8e7; --color-4: #e1fcf1; --color-5: #ebf2f1. 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