#D99E9F + #D9B59F + #E6D2A4 + #D0E6A2 + #B1F2DD · 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

#D99E9F

Peach Pink · Tan · Coral Red

HEX

#D99E9F

RGB

rgb(217, 158, 159)

HSL

hsl(359, 44%, 74%)

HSB

hsb(359, 27%, 85%)

CMYK

cmyk(0%, 27%, 27%, 15%)

Oklch

oklch(75.6% 0.071 17.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D9B59F

Apricot · Tan · Warm Sun

HEX

#D9B59F

RGB

rgb(217, 181, 159)

HSL

hsl(23, 43%, 74%)

HSB

hsb(23, 27%, 85%)

CMYK

cmyk(0%, 17%, 27%, 15%)

Oklch

oklch(79.9% 0.052 53.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E6D2A4

Goose Yellow · Wheat · Lemon Cream

HEX

#E6D2A4

RGB

rgb(230, 210, 164)

HSL

hsl(42, 57%, 77%)

HSB

hsb(42, 29%, 90%)

CMYK

cmyk(0%, 9%, 29%, 10%)

Oklch

oklch(86.9% 0.064 87.3)

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

#D0E6A2

Willow Green · Khaki · Apple Green

HEX

#D0E6A2

RGB

rgb(208, 230, 162)

HSL

hsl(79, 58%, 77%)

HSB

hsb(79, 30%, 90%)

CMYK

cmyk(10%, 0%, 30%, 10%)

Oklch

oklch(89.2% 0.092 122.8)

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

#B1F2DD

Jade · LightBlue · Glacier Blue

HEX

#B1F2DD

RGB

rgb(177, 242, 221)

HSL

hsl(161, 71%, 82%)

HSB

hsb(161, 27%, 95%)

CMYK

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

Oklch

oklch(91.2% 0.071 172.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D99E9F

A0DAD9

Analogous

DAA0BE

D99E9F

DABCA0

Triadic

D99E9F

A1DAA0

A0A1DA

Split-Comp.

D99E9F

A0DABC

A0BEDA

Tetradic

D99E9F

BEDAA0

A0DAD9

BCA0DA

Contrast Matrix WCAG 2.1 Contrast

D99E9F	D9B59F	E6D2A4	D0E6A2	B1F2DD
—	1.2 Fail	1.5 Fail	1.7 Fail	1.8 Fail
1.2 Fail	—	1.3 Fail	1.4 Fail	1.5 Fail
1.5 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
1.7 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.8 Fail	1.5 Fail	1.2 Fail	1.1 Fail	—

White BG

2.2Fail

1.9Fail

1.5Fail

1.4Fail

1.3Fail

Black BG

9.3AAA

11.1AAA

14.1AAA

15.5AAA

16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF9F

C9C9A4

DDDDAF

DADAB2

CDCEE2

Deuteranopia

C3C79F

CCCEA6

DFE0B2

D8D7B6

C9C5E3

Tritanopia

D69F9F

D7A9A9

E5B8BA

D1BFC2

B4E6E7

Achromatopsia

B0B0B0

BDBDBD

D3D3D3

D8D8D8

DCDCDC

Shades & Tints Shades & Tints

#D99E9F

Dark

Light

#D9B59F

Dark

Light

#E6D2A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d99e9f;
  --color-2: #d9b59f;
  --color-3: #e6d2a4;
  --color-4: #d0e6a2;
  --color-5: #b1f2dd;
}

SCSS

$color-1: #d99e9f;
$color-2: #d9b59f;
$color-3: #e6d2a4;
$color-4: #d0e6a2;
$color-5: #b1f2dd;

TAILWIND

colors: {
  'brand-1': '#d99e9f',
  'brand-2': '#d9b59f',
  'brand-3': '#e6d2a4',
  'brand-4': '#d0e6a2',
  'brand-5': '#b1f2dd',
}

RGB Array

[217, 158, 159], [217, 181, 159], [230, 210, 164], [208, 230, 162], [177, 242, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D99E9F, #D9B59F, #E6D2A4, #D0E6A2, #B1F2DD 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: #d99e9f; --color-2: #d9b59f; --color-3: #e6d2a4; --color-4: #d0e6a2; --color-5: #b1f2dd. 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