#EDB4B4 + #BCD9E3 + #CEEBE1 + #E8F5D0 + #F9FBEB · 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

#EDB4B4

Peach Pink · LightPink · Cherry Blossom

HEX

#EDB4B4

RGB

rgb(237, 180, 180)

HSL

hsl(0, 61%, 82%)

HSB

hsb(0, 24%, 93%)

CMYK

cmyk(0%, 24%, 24%, 7%)

Oklch

oklch(82.2% 0.067 18.6)

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

#BCD9E3

Sky Blue · LightBlue · Glacier Blue

HEX

#BCD9E3

RGB

rgb(188, 217, 227)

HSL

hsl(195, 41%, 81%)

HSB

hsb(195, 17%, 89%)

CMYK

cmyk(17%, 4%, 0%, 11%)

Oklch

oklch(86.7% 0.034 220.6)

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

#CEEBE1

Jade · LightGray · Mint Green

HEX

#CEEBE1

RGB

rgb(206, 235, 225)

HSL

hsl(159, 42%, 86%)

HSB

hsb(159, 12%, 92%)

CMYK

cmyk(12%, 0%, 4%, 8%)

Oklch

oklch(91.6% 0.033 172.8)

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

#E8F5D0

Willow Green · Beige · Mint Green

HEX

#E8F5D0

RGB

rgb(232, 245, 208)

HSL

hsl(81, 65%, 89%)

HSB

hsb(81, 15%, 96%)

CMYK

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

Oklch

oklch(95.1% 0.050 123.1)

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

#F9FBEB

Fresh Green · SeaShell · Lemon Cream

HEX

#F9FBEB

RGB

rgb(249, 251, 235)

HSL

hsl(67, 67%, 95%)

HSB

hsb(67, 6%, 98%)

CMYK

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

Oklch

oklch(98.2% 0.021 112.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDB4B4

B5EDED

Analogous

EDB5D1

EDB4B4

EDD1B5

Triadic

EDB4B4

B5EDB5

B5B5ED

Split-Comp.

EDB4B4

B5EDD1

B5D1ED

Tetradic

EDB4B4

D1EDB5

B5EDED

D1B5ED

Contrast Matrix WCAG 2.1 Contrast

EDB4B4	BCD9E3	CEEBE1	E8F5D0	F9FBEB
—	1.2 Fail	1.4 Fail	1.6 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

1.8Fail

1.5Fail

1.3Fail

1.1Fail

1.0Fail

Black BG

11.8AAA

14.2AAA

16.6AAA

18.4AAA

20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4B4

C9C9E1

DBDBE3

EEEED9

FAFAEF

Deuteranopia

D8DCB4

C7C5E0

D9D7E4

EDECDB

FAFAF0

Tritanopia

EAB4B4

BDDFDE

CFE5E6

E9E0E2

F9F2F3

Achromatopsia

C5C5C5

D1D1D1

E1E1E1

EDEDED

F9F9F9

Shades & Tints Shades & Tints

#EDB4B4

Dark

Light

#BCD9E3

Dark

Light

#CEEBE1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edb4b4;
  --color-2: #bcd9e3;
  --color-3: #ceebe1;
  --color-4: #e8f5d0;
  --color-5: #f9fbeb;
}

SCSS

$color-1: #edb4b4;
$color-2: #bcd9e3;
$color-3: #ceebe1;
$color-4: #e8f5d0;
$color-5: #f9fbeb;

TAILWIND

colors: {
  'brand-1': '#edb4b4',
  'brand-2': '#bcd9e3',
  'brand-3': '#ceebe1',
  'brand-4': '#e8f5d0',
  'brand-5': '#f9fbeb',
}

RGB Array

[237, 180, 180], [188, 217, 227], [206, 235, 225], [232, 245, 208], [249, 251, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EDB4B4, #BCD9E3, #CEEBE1, #E8F5D0, #F9FBEB 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: #edb4b4; --color-2: #bcd9e3; --color-3: #ceebe1; --color-4: #e8f5d0; --color-5: #f9fbeb. 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