#E9E2D8 + #E7DBCD + #DFF0DE + #ACE2D4 + #4DCABC · 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

#E9E2D8

Goose Yellow · Beige · Peach Orange

HEX

#E9E2D8

RGB

rgb(233, 226, 216)

HSL

hsl(35, 28%, 88%)

HSB

hsb(35, 7%, 91%)

CMYK

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

Oklch

oklch(91.6% 0.015 77.1)

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

#E7DBCD

Goose Yellow · LightGray · Peach Orange

HEX

#E7DBCD

RGB

rgb(231, 219, 205)

HSL

hsl(32, 35%, 85%)

HSB

hsb(32, 11%, 91%)

CMYK

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

Oklch

oklch(89.7% 0.023 71.8)

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

#DFF0DE

Celadon · Beige · Mint Green

HEX

#DFF0DE

RGB

rgb(223, 240, 222)

HSL

hsl(117, 37%, 91%)

HSB

hsb(117, 7%, 94%)

CMYK

cmyk(7%, 0%, 7%, 6%)

Oklch

oklch(93.8% 0.030 143.8)

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

#ACE2D4

Jade · LightBlue · Glacier Blue

HEX

#ACE2D4

RGB

rgb(172, 226, 212)

HSL

hsl(164, 48%, 78%)

HSB

hsb(164, 24%, 89%)

CMYK

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

Oklch

oklch(87.2% 0.059 177.2)

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

#4DCABC

Mineral Blue · MediumTurquoise · Lake Green

HEX

#4DCABC

RGB

rgb(77, 202, 188)

HSL

hsl(173, 54%, 55%)

HSB

hsb(173, 62%, 79%)

CMYK

cmyk(62%, 0%, 7%, 21%)

Oklch

oklch(76.6% 0.112 184.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9E2D8

D8DFE9

Analogous

E9D9D8

E9E2D8

E8E9D8

Triadic

E9E2D8

D8E9E2

E2D8E9

Split-Comp.

E9E2D8

D8E8E9

D9D8E9

Tetradic

E9E2D8

D8E9D9

D8DFE9

E9D8E8

Contrast Matrix WCAG 2.1 Contrast

E9E2D8	E7DBCD	DFF0DE	ACE2D4	4DCABC
—	1.1 Fail	1.1 Fail	1.1 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.5 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.7 Fail
1.1 Fail	1.1 Fail	1.2 Fail	—	1.4 Fail
1.6 Fail	1.5 Fail	1.7 Fail	1.4 Fail	—

White BG

1.3Fail

1.4Fail

1.2Fail

1.4Fail

2.0Fail

Black BG

16.3AAA

15.4AAA

17.7AAA

14.6AAA

10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6DA

E2E2D0

E6E7E2

C3C4D7

8384BF

Deuteranopia

E6E7DB

E3E3D1

E5E4E3

C0BCD8

7C73C0

Tritanopia

E9DCDD

E6D3D4

E0E6E7

AFDADB

53C2C3

Achromatopsia

E3E3E3

DDDDDD

E9E9E9

D0D0D0

A3A3A3

Shades & Tints Shades & Tints

#E9E2D8

Dark

Light

#E7DBCD

Dark

Light

#DFF0DE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9e2d8;
  --color-2: #e7dbcd;
  --color-3: #dff0de;
  --color-4: #ace2d4;
  --color-5: #4dcabc;
}

SCSS

$color-1: #e9e2d8;
$color-2: #e7dbcd;
$color-3: #dff0de;
$color-4: #ace2d4;
$color-5: #4dcabc;

TAILWIND

colors: {
  'brand-1': '#e9e2d8',
  'brand-2': '#e7dbcd',
  'brand-3': '#dff0de',
  'brand-4': '#ace2d4',
  'brand-5': '#4dcabc',
}

RGB Array

[233, 226, 216], [231, 219, 205], [223, 240, 222], [172, 226, 212], [77, 202, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E9E2D8, #E7DBCD, #DFF0DE, #ACE2D4, #4DCABC 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: #e9e2d8; --color-2: #e7dbcd; --color-3: #dff0de; --color-4: #ace2d4; --color-5: #4dcabc. 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