#B1CFC5 + #E5E6E0 + #DAD6CD + #F4E7BB + #DEBDAE · 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

#B1CFC5

Jade · Silver · Lake Green

HEX

#B1CFC5

RGB

rgb(177, 207, 197)

HSL

hsl(160, 24%, 75%)

HSB

hsb(160, 14%, 81%)

CMYK

cmyk(14%, 0%, 5%, 19%)

Oklch

oklch(83.0% 0.035 173.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#E5E6E0

Willow Green · Beige · Mint Green

HEX

#E5E6E0

RGB

rgb(229, 230, 224)

HSL

hsl(70, 11%, 89%)

HSB

hsb(70, 3%, 90%)

CMYK

cmyk(0%, 0%, 3%, 10%)

Oklch

oklch(92.2% 0.008 114.2)

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

#DAD6CD

Goose Yellow · LightGray · Lemon Cream

HEX

#DAD6CD

RGB

rgb(218, 214, 205)

HSL

hsl(42, 15%, 83%)

HSB

hsb(42, 6%, 85%)

CMYK

cmyk(0%, 2%, 6%, 15%)

Oklch

oklch(87.7% 0.013 86.8)

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

#F4E7BB

Goose Yellow · Wheat · Lemon Cream

HEX

#F4E7BB

RGB

rgb(244, 231, 187)

HSL

hsl(46, 72%, 85%)

HSB

hsb(46, 23%, 96%)

CMYK

cmyk(0%, 5%, 23%, 4%)

Oklch

oklch(92.7% 0.059 93.5)

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

#DEBDAE

Apricot · Silver · Peach Orange

HEX

#DEBDAE

RGB

rgb(222, 189, 174)

HSL

hsl(19, 42%, 78%)

HSB

hsb(19, 22%, 87%)

CMYK

cmyk(0%, 15%, 22%, 13%)

Oklch

oklch(82.3% 0.043 45.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1CFC5

CFB0BA

Analogous

B0CFB5

B1CFC5

B0C9CF

Triadic

B1CFC5

C4B0CF

CFC4B0

Split-Comp.

B1CFC5

CFB0C9

CFB5B0

Tetradic

B1CFC5

B5B0CF

CFB0BA

C9CFB0

Contrast Matrix WCAG 2.1 Contrast

B1CFC5	E5E6E0	DAD6CD	F4E7BB	DEBDAE
—	1.3 Fail	1.1 Fail	1.3 Fail	1.1 Fail
1.3 Fail	—	1.2 Fail	1.0 Fail	1.4 Fail
1.1 Fail	1.2 Fail	—	1.2 Fail	1.2 Fail
1.3 Fail	1.0 Fail	1.2 Fail	—	1.4 Fail
1.1 Fail	1.4 Fail	1.2 Fail	1.4 Fail	—

White BG

1.7Fail

1.3Fail

1.5Fail

1.2Fail

1.8Fail

Black BG

12.6AAA

16.7AAA

14.5AAA

17.0AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEC7

E5E5E1

D8D8CF

EEEEC6

D0CFB2

Deuteranopia

BCBAC8

E5E5E2

D9D9D0

EFF0C8

D2D4B3

Tritanopia

B3C9CA

E5E3E3

DAD1D1

F3CED0

DCB4B5

Achromatopsia

C5C5C5

E5E5E5

D6D6D6

E6E6E6

C5C5C5

Shades & Tints Shades & Tints

#B1CFC5

Dark

Light

#E5E6E0

Dark

Light

#DAD6CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1cfc5;
  --color-2: #e5e6e0;
  --color-3: #dad6cd;
  --color-4: #f4e7bb;
  --color-5: #debdae;
}

SCSS

$color-1: #b1cfc5;
$color-2: #e5e6e0;
$color-3: #dad6cd;
$color-4: #f4e7bb;
$color-5: #debdae;

TAILWIND

colors: {
  'brand-1': '#b1cfc5',
  'brand-2': '#e5e6e0',
  'brand-3': '#dad6cd',
  'brand-4': '#f4e7bb',
  'brand-5': '#debdae',
}

RGB Array

[177, 207, 197], [229, 230, 224], [218, 214, 205], [244, 231, 187], [222, 189, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B1CFC5, #E5E6E0, #DAD6CD, #F4E7BB, #DEBDAE 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: #b1cfc5; --color-2: #e5e6e0; --color-3: #dad6cd; --color-4: #f4e7bb; --color-5: #debdae. 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