#FED4CE + #E4D2D1 + #B9CCC0 + #A2BFB7 + #A2B3C0 · 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

#FED4CE

Peach Pink · Bisque · Cherry Blossom

HEX

#FED4CE

RGB

rgb(254, 212, 206)

HSL

hsl(8, 96%, 90%)

HSB

hsb(8, 19%, 100%)

CMYK

cmyk(0%, 17%, 19%, 0%)

Oklch

oklch(90.4% 0.048 27.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E4D2D1

Peach Pink · LightGray · Cherry Blossom

HEX

#E4D2D1

RGB

rgb(228, 210, 209)

HSL

hsl(3, 26%, 86%)

HSB

hsb(3, 8%, 89%)

CMYK

cmyk(0%, 8%, 8%, 11%)

Oklch

oklch(87.8% 0.020 21.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#B9CCC0

Celadon · Silver · Apple Green

HEX

#B9CCC0

RGB

rgb(185, 204, 192)

HSL

hsl(142, 16%, 76%)

HSB

hsb(142, 9%, 80%)

CMYK

cmyk(9%, 0%, 6%, 20%)

Oklch

oklch(82.7% 0.026 158.1)

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

#A2BFB7

Jade · DarkGray · Lake Green

HEX

#A2BFB7

RGB

rgb(162, 191, 183)

HSL

hsl(163, 18%, 69%)

HSB

hsb(163, 15%, 75%)

CMYK

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

Oklch

oklch(78.1% 0.033 176.9)

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

#A2B3C0

Sky Blue · DarkGray · Cobalt Blue

HEX

#A2B3C0

RGB

rgb(162, 179, 192)

HSL

hsl(206, 19%, 69%)

HSB

hsb(206, 16%, 75%)

CMYK

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

Oklch

oklch(75.8% 0.027 240.8)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED4CE

CDF7FE

Analogous

FECDDF

FED4CE

FEECCD

Triadic

FED4CE

CDFED4

D4CDFE

Split-Comp.

FED4CE

CDFEEC

CDDFFE

Tetradic

FED4CE

DFFECD

CDF7FE

ECCDFE

Contrast Matrix WCAG 2.1 Contrast

FED4CE	E4D2D1	B9CCC0	A2BFB7	A2B3C0
—	1.1 Fail	1.2 Fail	1.5 Fail	1.6 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.5 Fail
1.2 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

1.4Fail

1.5Fail

1.7Fail

2.0Fail

2.2Fail

Black BG

15.5AAA

14.4AAA

12.5AAA

10.7AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBCF

DCDCD1

C1C1C3

AFAFB9

A9AABD

Deuteranopia

EEF1D0

DDDFD1

C0BFC4

ADABB9

A8A7BC

Tritanopia

FCD1D1

E3D1D1

BAC5C6

A3BABB

A3BABA

Achromatopsia

E0E0E0

D7D7D7

C5C5C5

B5B5B5

AFAFAF

Shades & Tints Shades & Tints

#FED4CE

Dark

Light

#E4D2D1

Dark

Light

#B9CCC0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed4ce;
  --color-2: #e4d2d1;
  --color-3: #b9ccc0;
  --color-4: #a2bfb7;
  --color-5: #a2b3c0;
}

SCSS

$color-1: #fed4ce;
$color-2: #e4d2d1;
$color-3: #b9ccc0;
$color-4: #a2bfb7;
$color-5: #a2b3c0;

TAILWIND

colors: {
  'brand-1': '#fed4ce',
  'brand-2': '#e4d2d1',
  'brand-3': '#b9ccc0',
  'brand-4': '#a2bfb7',
  'brand-5': '#a2b3c0',
}

RGB Array

[254, 212, 206], [228, 210, 209], [185, 204, 192], [162, 191, 183], [162, 179, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FED4CE, #E4D2D1, #B9CCC0, #A2BFB7, #A2B3C0 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: #fed4ce; --color-2: #e4d2d1; --color-3: #b9ccc0; --color-4: #a2bfb7; --color-5: #a2b3c0. 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