#EDF8FE + #DEE9EF + #D7C9C9 + #E3B0BF + #968D9E · 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

#EDF8FE

Sky Blue · Snow · Sky Blue

HEX

#EDF8FE

RGB

rgb(237, 248, 254)

HSL

hsl(201, 89%, 96%)

HSB

hsb(201, 7%, 100%)

CMYK

cmyk(7%, 2%, 0%, 0%)

Oklch

oklch(97.3% 0.014 231.2)

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

#DEE9EF

Sky Blue · Lavender · Sky Blue

HEX

#DEE9EF

RGB

rgb(222, 233, 239)

HSL

hsl(201, 35%, 90%)

HSB

hsb(201, 7%, 94%)

CMYK

cmyk(7%, 3%, 0%, 6%)

Oklch

oklch(92.7% 0.014 231.2)

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

#D7C9C9

Peach Pink · LightGray · Cherry Blossom

HEX

#D7C9C9

RGB

rgb(215, 201, 201)

HSL

hsl(0, 15%, 82%)

HSB

hsb(0, 7%, 84%)

CMYK

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

Oklch

oklch(84.7% 0.016 17.5)

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

#E3B0BF

Rouge · LightPink · Cherry Blossom

HEX

#E3B0BF

RGB

rgb(227, 176, 191)

HSL

hsl(342, 48%, 79%)

HSB

hsb(342, 22%, 89%)

CMYK

cmyk(0%, 22%, 16%, 11%)

Oklch

oklch(80.8% 0.062 359.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#968D9E

Dark Plum · LightSlateGray · Silver Sand

HEX

#968D9E

RGB

rgb(150, 141, 158)

HSL

hsl(272, 8%, 59%)

HSB

hsb(272, 11%, 62%)

CMYK

cmyk(5%, 11%, 0%, 38%)

Oklch

oklch(65.7% 0.027 309.2)

Traditional「Dark Plum」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF8FE

FEF2EC

Analogous

ECFEFB

EDF8FE

ECEEFE

Triadic

EDF8FE

FEECF8

F8FEEC

Split-Comp.

EDF8FE

FEECEE

FEFBEC

Tetradic

EDF8FE

FBECFE

FEF2EC

EEFEEC

Contrast Matrix WCAG 2.1 Contrast

EDF8FE	DEE9EF	D7C9C9	E3B0BF	968D9E
—	1.1 Fail	1.5 Fail	1.7 Fail	2.9 Fail
1.1 Fail	—	1.3 Fail	1.5 Fail	2.6 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	2.0 Fail
1.7 Fail	1.5 Fail	1.2 Fail	—	1.7 Fail
2.9 Fail	2.6 Fail	2.0 Fail	1.7 Fail	—

White BG

1.1Fail

1.2Fail

1.6Fail

1.9Fail

3.2AA Large

Black BG

19.5AAA

17.0AAA

13.1AAA

11.2AAA

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2FD

E3E3EE

D1D1C9

CDCCBB

92929A

Deuteranopia

F1F0FC

E2E1ED

D2D3C9

D0D4BB

939399

Tritanopia

EEFBFB

DFECEC

D6C9C9

E0B9B8

969796

Achromatopsia

F5F5F5

E6E6E6

CDCDCD

C1C1C1

929292

Shades & Tints Shades & Tints

#EDF8FE

Dark

Light

#DEE9EF

Dark

Light

#D7C9C9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf8fe;
  --color-2: #dee9ef;
  --color-3: #d7c9c9;
  --color-4: #e3b0bf;
  --color-5: #968d9e;
}

SCSS

$color-1: #edf8fe;
$color-2: #dee9ef;
$color-3: #d7c9c9;
$color-4: #e3b0bf;
$color-5: #968d9e;

TAILWIND

colors: {
  'brand-1': '#edf8fe',
  'brand-2': '#dee9ef',
  'brand-3': '#d7c9c9',
  'brand-4': '#e3b0bf',
  'brand-5': '#968d9e',
}

RGB Array

[237, 248, 254], [222, 233, 239], [215, 201, 201], [227, 176, 191], [150, 141, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EDF8FE, #DEE9EF, #D7C9C9, #E3B0BF, #968D9E 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: #edf8fe; --color-2: #dee9ef; --color-3: #d7c9c9; --color-4: #e3b0bf; --color-5: #968d9e. 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