#D0DDD3 + #EDE7CF + #FDF7E7 + #D5D6B6 + #95B1B4 · 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

#D0DDD3

Celadon · LightGray · Mint Green

HEX

#D0DDD3

RGB

rgb(208, 221, 211)

HSL

hsl(134, 16%, 84%)

HSB

hsb(134, 6%, 87%)

CMYK

cmyk(6%, 0%, 5%, 13%)

Oklch

oklch(88.5% 0.019 152.8)

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

#EDE7CF

Goose Yellow · Beige · Lemon Cream

HEX

#EDE7CF

RGB

rgb(237, 231, 207)

HSL

hsl(48, 45%, 87%)

HSB

hsb(48, 13%, 93%)

CMYK

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

Oklch

oklch(92.6% 0.032 95.4)

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

#FDF7E7

Goose Yellow · SeaShell · Lemon Cream

HEX

#FDF7E7

RGB

rgb(253, 247, 231)

HSL

hsl(44, 85%, 95%)

HSB

hsb(44, 9%, 99%)

CMYK

cmyk(0%, 2%, 9%, 1%)

Oklch

oklch(97.6% 0.022 89.8)

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

#D5D6B6

Fresh Green · LightGray · Lemon Cream

HEX

#D5D6B6

RGB

rgb(213, 214, 182)

HSL

hsl(62, 28%, 78%)

HSB

hsb(62, 15%, 84%)

CMYK

cmyk(0%, 0%, 15%, 16%)

Oklch

oklch(86.7% 0.043 108.7)

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

#95B1B4

Sky Blue · DarkGray · Lake Green

HEX

#95B1B4

RGB

rgb(149, 177, 180)

HSL

hsl(186, 17%, 65%)

HSB

hsb(186, 17%, 71%)

CMYK

cmyk(17%, 2%, 0%, 29%)

Oklch

oklch(74.0% 0.031 204.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0DDD3

DDD0DA

Analogous

D3DDD0

D0DDD3

D0DDD9

Triadic

D0DDD3

D3D0DD

DDD3D0

Split-Comp.

D0DDD3

D9D0DD

DDD0D3

Tetradic

D0DDD3

D0D3DD

DDD0DA

DDD9D0

Contrast Matrix WCAG 2.1 Contrast

D0DDD3	EDE7CF	FDF7E7	D5D6B6	95B1B4
—	1.1 Fail	1.3 Fail	1.1 Fail	1.6 Fail
1.1 Fail	—	1.2 Fail	1.2 Fail	1.8 Fail
1.3 Fail	1.2 Fail	—	1.4 Fail	2.1 Fail
1.1 Fail	1.2 Fail	1.4 Fail	—	1.5 Fail
1.6 Fail	1.8 Fail	2.1 Fail	1.5 Fail	—

White BG

1.4Fail

1.2Fail

1.1Fail

1.5Fail

2.3Fail

Black BG

15.0AAA

16.9AAA

19.6AAA

14.1AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6D5

EAEAD5

FAFAEB

D5D5BE

A1A1B3

Deuteranopia

D5D4D6

EBEBD6

FBFBEC

D5D5C0

A09DB3

Tritanopia

D1D7D8

EDD9DA

FDEEEF

D5C4C5

96B3B3

Achromatopsia

D8D8D8

E6E6E6

F7F7F7

D2D2D2

A9A9A9

Shades & Tints Shades & Tints

#D0DDD3

Dark

Light

#EDE7CF

Dark

Light

#FDF7E7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0ddd3;
  --color-2: #ede7cf;
  --color-3: #fdf7e7;
  --color-4: #d5d6b6;
  --color-5: #95b1b4;
}

SCSS

$color-1: #d0ddd3;
$color-2: #ede7cf;
$color-3: #fdf7e7;
$color-4: #d5d6b6;
$color-5: #95b1b4;

TAILWIND

colors: {
  'brand-1': '#d0ddd3',
  'brand-2': '#ede7cf',
  'brand-3': '#fdf7e7',
  'brand-4': '#d5d6b6',
  'brand-5': '#95b1b4',
}

RGB Array

[208, 221, 211], [237, 231, 207], [253, 247, 231], [213, 214, 182], [149, 177, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D0DDD3, #EDE7CF, #FDF7E7, #D5D6B6, #95B1B4 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: #d0ddd3; --color-2: #ede7cf; --color-3: #fdf7e7; --color-4: #d5d6b6; --color-5: #95b1b4. 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