#EFD1D3 + #9BB2C0 + #5DA9C0 + #A6D7D4 + #E4E8C5 · 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

#EFD1D3

Peach Pink · Pink · Cherry Blossom

HEX

#EFD1D3

RGB

rgb(239, 209, 211)

HSL

hsl(356, 48%, 88%)

HSB

hsb(356, 13%, 94%)

CMYK

cmyk(0%, 13%, 12%, 6%)

Oklch

oklch(88.6% 0.034 13.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#9BB2C0

Sky Blue · DarkGray · Cobalt Blue

HEX

#9BB2C0

RGB

rgb(155, 178, 192)

HSL

hsl(203, 23%, 68%)

HSB

hsb(203, 19%, 75%)

CMYK

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

Oklch

oklch(75.1% 0.032 234.6)

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

#5DA9C0

Slate Blue · CadetBlue · Lake Green

HEX

#5DA9C0

RGB

rgb(93, 169, 192)

HSL

hsl(194, 44%, 56%)

HSB

hsb(194, 52%, 75%)

CMYK

cmyk(52%, 12%, 0%, 25%)

Oklch

oklch(69.5% 0.082 219.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#A6D7D4

Jade · LightBlue · Lake Green

HEX

#A6D7D4

RGB

rgb(166, 215, 212)

HSL

hsl(176, 38%, 75%)

HSB

hsb(176, 23%, 84%)

CMYK

cmyk(23%, 0%, 1%, 16%)

Oklch

oklch(84.4% 0.051 191.6)

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

#E4E8C5

Fresh Green · Wheat · Lemon Cream

HEX

#E4E8C5

RGB

rgb(228, 232, 197)

HSL

hsl(67, 43%, 84%)

HSB

hsb(67, 15%, 91%)

CMYK

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

Oklch

oklch(91.9% 0.046 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

EFD1D3

D2EFED

Analogous

EFD2E2

EFD1D3

EFDED2

Triadic

EFD1D3

D4EFD2

D2D4EF

Split-Comp.

EFD1D3

D2EFDE

D2E2EF

Tetradic

EFD1D3

E2EFD2

D2EFED

DED2EF

Contrast Matrix WCAG 2.1 Contrast

EFD1D3	9BB2C0	5DA9C0	A6D7D4	E4E8C5
—	1.5 Fail	1.9 Fail	1.1 Fail	1.1 Fail
1.5 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.9 Fail	1.2 Fail	—	1.7 Fail	2.1 Fail
1.1 Fail	1.4 Fail	1.7 Fail	—	1.3 Fail
1.1 Fail	1.7 Fail	2.1 Fail	1.3 Fail	—

White BG

1.4Fail

2.2Fail

2.7Fail

1.6Fail

1.3Fail

Black BG

14.7AAA

9.5AAA

7.9AAA

13.3AAA

16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2D3

A5A5BD

7E7FBA

BBBCD5

E6E6CD

Deuteranopia

E4E6D2

A4A2BC

7A74B9

B8B5D5

E6E5CF

Tritanopia

EDD2D2

9CBAB9

61B6B5

A8D5D5

E4D4D6

Achromatopsia

DADADA

ADADAD

959595

C8C8C8

E3E3E3

Shades & Tints Shades & Tints

#EFD1D3

Dark

Light

#9BB2C0

Dark

Light

#5DA9C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd1d3;
  --color-2: #9bb2c0;
  --color-3: #5da9c0;
  --color-4: #a6d7d4;
  --color-5: #e4e8c5;
}

SCSS

$color-1: #efd1d3;
$color-2: #9bb2c0;
$color-3: #5da9c0;
$color-4: #a6d7d4;
$color-5: #e4e8c5;

TAILWIND

colors: {
  'brand-1': '#efd1d3',
  'brand-2': '#9bb2c0',
  'brand-3': '#5da9c0',
  'brand-4': '#a6d7d4',
  'brand-5': '#e4e8c5',
}

RGB Array

[239, 209, 211], [155, 178, 192], [93, 169, 192], [166, 215, 212], [228, 232, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EFD1D3, #9BB2C0, #5DA9C0, #A6D7D4, #E4E8C5 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: #efd1d3; --color-2: #9bb2c0; --color-3: #5da9c0; --color-4: #a6d7d4; --color-5: #e4e8c5. 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