#EBEDEE + #E2E9EC + #D9E5EB + #CDE2ED + #C1DFEE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBEDEE

Sky Blue · Lavender · Cloud White

HEX

#EBEDEE

RGB

rgb(235, 237, 238)

HSL

hsl(200, 8%, 93%)

HSB

hsb(200, 1%, 93%)

CMYK

cmyk(1%, 0%, 0%, 7%)

Oklch

oklch(94.5% 0.003 228.8)

Traditional「Sky Blue」· Paint「Cloud White」· Creative Morning Mist

#E2E9EC

Sky Blue · Lavender · Glacier Blue

HEX

#E2E9EC

RGB

rgb(226, 233, 236)

HSL

hsl(198, 21%, 91%)

HSB

hsb(198, 4%, 93%)

CMYK

cmyk(4%, 1%, 0%, 7%)

Oklch

oklch(93.0% 0.009 225.1)

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

#D9E5EB

Sky Blue · Lavender · Sky Blue

HEX

#D9E5EB

RGB

rgb(217, 229, 235)

HSL

hsl(200, 31%, 89%)

HSB

hsb(200, 8%, 92%)

CMYK

cmyk(8%, 3%, 0%, 8%)

Oklch

oklch(91.5% 0.015 229.0)

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

#CDE2ED

Sky Blue · Lavender · Sky Blue

HEX

#CDE2ED

RGB

rgb(205, 226, 237)

HSL

hsl(201, 47%, 87%)

HSB

hsb(201, 14%, 93%)

CMYK

cmyk(14%, 5%, 0%, 7%)

Oklch

oklch(90.1% 0.027 230.4)

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

#C1DFEE

Sky Blue · LightBlue · Sky Blue

HEX

#C1DFEE

RGB

rgb(193, 223, 238)

HSL

hsl(200, 57%, 85%)

HSB

hsb(200, 19%, 93%)

CMYK

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

Oklch

oklch(88.6% 0.038 229.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBEDEE

EFEDEC

Analogous

ECEFEE

EBEDEE

ECECEF

Triadic

EBEDEE

EFECEE

EEEFEC

Split-Comp.

EBEDEE

EFECEC

EFEEEC

Tetradic

EBEDEE

EEECEF

EFEDEC

ECEFEC

Contrast Matrix WCAG 2.1 Contrast

EBEDEE	E2E9EC	D9E5EB	CDE2ED	C1DFEE
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.2Fail

1.3Fail

1.4Fail

Black BG

17.9AAA

17.1AAA

16.4AAA

15.7AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECEE

E5E5EB

DEDEEA

D6D6EA

CECEEA

Deuteranopia

ECECEE

E5E4EB

DEDDE9

D5D3EA

CCCAEA

Tritanopia

EBEEEE

E2EBEB

DAE8E8

CEE8E8

C3E8E7

Achromatopsia

EDEDED

E7E7E7

E2E2E2

DDDDDD

D8D8D8

Shades & Tints Shades & Tints

#EBEDEE

Dark

Light

#E2E9EC

Dark

Light

#D9E5EB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebedee;
  --color-2: #e2e9ec;
  --color-3: #d9e5eb;
  --color-4: #cde2ed;
  --color-5: #c1dfee;
}

SCSS

$color-1: #ebedee;
$color-2: #e2e9ec;
$color-3: #d9e5eb;
$color-4: #cde2ed;
$color-5: #c1dfee;

TAILWIND

colors: {
  'brand-1': '#ebedee',
  'brand-2': '#e2e9ec',
  'brand-3': '#d9e5eb',
  'brand-4': '#cde2ed',
  'brand-5': '#c1dfee',
}

RGB Array

[235, 237, 238], [226, 233, 236], [217, 229, 235], [205, 226, 237], [193, 223, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBEDEE, #E2E9EC, #D9E5EB, #CDE2ED, #C1DFEE 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: #ebedee; --color-2: #e2e9ec; --color-3: #d9e5eb; --color-4: #cde2ed; --color-5: #c1dfee. 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