#DBE5C0 + #ED9AC8 + #97C1AB + #E1E88B + #DAD7D2 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DBE5C0

Willow Green · LightGray · Mint Green

HEX

#DBE5C0

RGB

rgb(219, 229, 192)

HSL

hsl(76, 42%, 83%)

HSB

hsb(76, 16%, 90%)

CMYK

cmyk(4%, 0%, 16%, 10%)

Oklch

oklch(90.5% 0.050 119.7)

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

#ED9AC8

Mauve · LightPink · Cherry Blossom

HEX

#ED9AC8

RGB

rgb(237, 154, 200)

HSL

hsl(327, 70%, 77%)

HSB

hsb(327, 35%, 93%)

CMYK

cmyk(0%, 35%, 16%, 7%)

Oklch

oklch(78.3% 0.114 345.7)

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

#97C1AB

Celadon · DarkSeaGreen · Apple Green

HEX

#97C1AB

RGB

rgb(151, 193, 171)

HSL

hsl(149, 25%, 67%)

HSB

hsb(149, 22%, 76%)

CMYK

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

Oklch

oklch(77.4% 0.055 162.0)

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

#E1E88B

Fresh Green · Khaki · Sunflower

HEX

#E1E88B

RGB

rgb(225, 232, 139)

HSL

hsl(65, 67%, 73%)

HSB

hsb(65, 40%, 91%)

CMYK

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

Oklch

oklch(90.5% 0.117 112.2)

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

#DAD7D2

Goose Yellow · LightGray · Peach Orange

HEX

#DAD7D2

RGB

rgb(218, 215, 210)

HSL

hsl(38, 10%, 84%)

HSB

hsb(38, 4%, 85%)

CMYK

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

Oklch

oklch(88.0% 0.008 80.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBE5C0

CBC1E6

Analogous

E6DDC1

DBE5C0

CAE6C1

Triadic

DBE5C0

C1DCE6

E6C1DC

Split-Comp.

DBE5C0

C1CAE6

DDC1E6

Tetradic

DBE5C0

C1E6DD

CBC1E6

E6C1CA

Contrast Matrix WCAG 2.1 Contrast

DBE5C0	ED9AC8	97C1AB	E1E88B	DAD7D2
—	1.6 Fail	1.5 Fail	1.0 Fail	1.1 Fail
1.6 Fail	—	1.0 Fail	1.6 Fail	1.5 Fail
1.5 Fail	1.0 Fail	—	1.5 Fail	1.4 Fail
1.0 Fail	1.6 Fail	1.5 Fail	—	1.1 Fail
1.1 Fail	1.5 Fail	1.4 Fail	1.1 Fail	—

White BG

1.3Fail

2.1Fail

2.0Fail

1.3Fail

1.4Fail

Black BG

16.0AAA

10.1AAA

10.5AAA

16.1AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFC9

C9C8BD

A9AAB0

E4E4A2

D9D9D3

Deuteranopia

DFDECB

CED4BA

A7A4B2

E4E3A7

D9D9D4

Tritanopia

DBD0D2

E9B4B2

99B5B5

E1B3B7

DAD4D4

Achromatopsia

DEDEDE

B8B8B8

B2B2B2

DBDBDB

D7D7D7

Shades & Tints Shades & Tints

#DBE5C0

Dark

Light

#ED9AC8

Dark

Light

#97C1AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbe5c0;
  --color-2: #ed9ac8;
  --color-3: #97c1ab;
  --color-4: #e1e88b;
  --color-5: #dad7d2;
}

SCSS

$color-1: #dbe5c0;
$color-2: #ed9ac8;
$color-3: #97c1ab;
$color-4: #e1e88b;
$color-5: #dad7d2;

TAILWIND

colors: {
  'brand-1': '#dbe5c0',
  'brand-2': '#ed9ac8',
  'brand-3': '#97c1ab',
  'brand-4': '#e1e88b',
  'brand-5': '#dad7d2',
}

RGB Array

[219, 229, 192], [237, 154, 200], [151, 193, 171], [225, 232, 139], [218, 215, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBE5C0, #ED9AC8, #97C1AB, #E1E88B, #DAD7D2 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: #dbe5c0; --color-2: #ed9ac8; --color-3: #97c1ab; --color-4: #e1e88b; --color-5: #dad7d2. 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