#D1E3E1 + #FFF5D9 + #FFE8CF + #E6CFDA + #EDDDEA · 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

#D1E3E1

Jade · LightGray · Glacier Blue

HEX

#D1E3E1

RGB

rgb(209, 227, 225)

HSL

hsl(173, 24%, 85%)

HSB

hsb(173, 8%, 89%)

CMYK

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

Oklch

oklch(90.2% 0.019 188.8)

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

#FFF5D9

Goose Yellow · Beige · Lemon Cream

HEX

#FFF5D9

RGB

rgb(255, 245, 217)

HSL

hsl(44, 100%, 93%)

HSB

hsb(44, 15%, 100%)

CMYK

cmyk(0%, 4%, 15%, 0%)

Oklch

oklch(97.1% 0.038 90.6)

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

#FFE8CF

Goose Yellow · Bisque · Peach Orange

HEX

#FFE8CF

RGB

rgb(255, 232, 207)

HSL

hsl(31, 100%, 91%)

HSB

hsb(31, 19%, 100%)

CMYK

cmyk(0%, 9%, 19%, 0%)

Oklch

oklch(94.3% 0.042 69.6)

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

#E6CFDA

Rouge · LightGray · Cherry Blossom

HEX

#E6CFDA

RGB

rgb(230, 207, 218)

HSL

hsl(331, 32%, 86%)

HSB

hsb(331, 10%, 90%)

CMYK

cmyk(0%, 10%, 5%, 10%)

Oklch

oklch(87.7% 0.029 347.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EDDDEA

Mauve · Lavender · Lavender

HEX

#EDDDEA

RGB

rgb(237, 221, 234)

HSL

hsl(311, 31%, 90%)

HSB

hsb(311, 7%, 93%)

CMYK

cmyk(0%, 7%, 1%, 7%)

Oklch

oklch(91.4% 0.025 331.9)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1E3E1

E2D0D2

Analogous

D0E2D7

D1E3E1

D0DBE2

Triadic

D1E3E1

E0D0E2

E2E0D0

Split-Comp.

D1E3E1

E2D0DB

E2D7D0

Tetradic

D1E3E1

D7D0E2

E2D0D2

DBE2D0

Contrast Matrix WCAG 2.1 Contrast

D1E3E1	FFF5D9	FFE8CF	E6CFDA	EDDDEA
—	1.2 Fail	1.1 Fail	1.1 Fail	1.0 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.1 Fail
1.1 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.0 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.3Fail

1.1Fail

1.2Fail

1.5Fail

1.3Fail

Black BG

15.8AAA

19.3AAA

17.7AAA

14.3AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9E1

FBFBE0

F5F5D5

DCDCD7

E6E6E7

Deuteranopia

D8D6E2

FBFCE1

F6F8D6

DDDFD7

E7E8E6

Tritanopia

D2E2E2

FFE5E6

FEDADB

E5D5D5

ECE4E4

Achromatopsia

DDDDDD

F5F5F5

ECECEC

D7D7D7

E3E3E3

Shades & Tints Shades & Tints

#D1E3E1

Dark

Light

#FFF5D9

Dark

Light

#FFE8CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1e3e1;
  --color-2: #fff5d9;
  --color-3: #ffe8cf;
  --color-4: #e6cfda;
  --color-5: #edddea;
}

SCSS

$color-1: #d1e3e1;
$color-2: #fff5d9;
$color-3: #ffe8cf;
$color-4: #e6cfda;
$color-5: #edddea;

TAILWIND

colors: {
  'brand-1': '#d1e3e1',
  'brand-2': '#fff5d9',
  'brand-3': '#ffe8cf',
  'brand-4': '#e6cfda',
  'brand-5': '#edddea',
}

RGB Array

[209, 227, 225], [255, 245, 217], [255, 232, 207], [230, 207, 218], [237, 221, 234]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D1E3E1, #FFF5D9, #FFE8CF, #E6CFDA, #EDDDEA 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: #d1e3e1; --color-2: #fff5d9; --color-3: #ffe8cf; --color-4: #e6cfda; --color-5: #edddea. 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