#F5DBD8 + #EBDFE0 + #E2E3E8 + #D8E7F0 + #CEEBF8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F5DBD8

Peach Pink · Bisque · Cherry Blossom

HEX

#F5DBD8

RGB

rgb(245, 219, 216)

HSL

hsl(6, 59%, 90%)

HSB

hsb(6, 12%, 96%)

CMYK

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

Oklch

oklch(91.2% 0.029 25.6)

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

#EBDFE0

Peach Pink · Linen · Cherry Blossom

HEX

#EBDFE0

RGB

rgb(235, 223, 224)

HSL

hsl(355, 23%, 90%)

HSB

hsb(355, 5%, 92%)

CMYK

cmyk(0%, 5%, 5%, 8%)

Oklch

oklch(91.3% 0.013 11.6)

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

#E2E3E8

Azure · Lavender · Sky Blue

HEX

#E2E3E8

RGB

rgb(226, 227, 232)

HSL

hsl(230, 12%, 90%)

HSB

hsb(230, 3%, 91%)

CMYK

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

Oklch

oklch(91.7% 0.007 277.2)

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

#D8E7F0

Sky Blue · Lavender · Sky Blue

HEX

#D8E7F0

RGB

rgb(216, 231, 240)

HSL

hsl(203, 44%, 89%)

HSB

hsb(203, 10%, 94%)

CMYK

cmyk(10%, 4%, 0%, 6%)

Oklch

oklch(91.9% 0.020 233.9)

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

#CEEBF8

Sky Blue · Lavender · Glacier Blue

HEX

#CEEBF8

RGB

rgb(206, 235, 248)

HSL

hsl(199, 75%, 89%)

HSB

hsb(199, 17%, 97%)

CMYK

cmyk(17%, 5%, 0%, 3%)

Oklch

oklch(92.3% 0.035 226.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5DBD8

D6F2F5

Analogous

F5D6E2

F5DBD8

F5E9D6

Triadic

F5DBD8

D6F5D9

D9D6F5

Split-Comp.

F5DBD8

D6F5E9

D6E2F5

Tetradic

F5DBD8

E2F5D6

D6F2F5

E9D6F5

Contrast Matrix WCAG 2.1 Contrast

F5DBD8	EBDFE0	E2E3E8	D8E7F0	CEEBF8
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

Black BG

16.0AAA

16.2AAA

16.4AAA

16.6AAA

16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD9

E6E6E0

E2E2E7

DEDFEE

DBDBF5

Deuteranopia

EBEDD9

E7E7E0

E2E2E6

DEDDED

D9D7F4

Tritanopia

F4D9D9

EAE0E0

E2E6E6

D9ECEC

CFF2F2

Achromatopsia

E2E2E2

E3E3E3

E4E4E4

Shades & Tints Shades & Tints

#F5DBD8

Dark

Light

#EBDFE0

Dark

Light

#E2E3E8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5dbd8;
  --color-2: #ebdfe0;
  --color-3: #e2e3e8;
  --color-4: #d8e7f0;
  --color-5: #ceebf8;
}

SCSS

$color-1: #f5dbd8;
$color-2: #ebdfe0;
$color-3: #e2e3e8;
$color-4: #d8e7f0;
$color-5: #ceebf8;

TAILWIND

colors: {
  'brand-1': '#f5dbd8',
  'brand-2': '#ebdfe0',
  'brand-3': '#e2e3e8',
  'brand-4': '#d8e7f0',
  'brand-5': '#ceebf8',
}

RGB Array

[245, 219, 216], [235, 223, 224], [226, 227, 232], [216, 231, 240], [206, 235, 248]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5DBD8, #EBDFE0, #E2E3E8, #D8E7F0, #CEEBF8 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: #f5dbd8; --color-2: #ebdfe0; --color-3: #e2e3e8; --color-4: #d8e7f0; --color-5: #ceebf8. 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 general-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