#D0DBE5 + #EDEBF6 + #CDECE6 + #E5EFF2 + #E1F0F7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0DBE5

Sky Blue · LightGray · Sky Blue

HEX

#D0DBE5

RGB

rgb(208, 219, 229)

HSL

hsl(209, 29%, 86%)

HSB

hsb(209, 9%, 90%)

CMYK

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

Oklch

oklch(88.6% 0.018 245.4)

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

#EDEBF6

Wisteria · Lavender · Sky Blue

HEX

#EDEBF6

RGB

rgb(237, 235, 246)

HSL

hsl(251, 38%, 94%)

HSB

hsb(251, 4%, 96%)

CMYK

cmyk(4%, 4%, 0%, 4%)

Oklch

oklch(94.5% 0.015 294.5)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#CDECE6

Jade · LightGray · Glacier Blue

HEX

#CDECE6

RGB

rgb(205, 236, 230)

HSL

hsl(168, 45%, 86%)

HSB

hsb(168, 13%, 93%)

CMYK

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

Oklch

oklch(91.9% 0.033 182.6)

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

#E5EFF2

Sky Blue · Lavender · Glacier Blue

HEX

#E5EFF2

RGB

rgb(229, 239, 242)

HSL

hsl(194, 33%, 92%)

HSB

hsb(194, 5%, 95%)

CMYK

cmyk(5%, 1%, 0%, 5%)

Oklch

oklch(94.5% 0.011 217.5)

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

#E1F0F7

Sky Blue · Lavender · Glacier Blue

HEX

#E1F0F7

RGB

rgb(225, 240, 247)

HSL

hsl(199, 58%, 93%)

HSB

hsb(199, 9%, 97%)

CMYK

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

Oklch

oklch(94.6% 0.019 227.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0DBE5

E6DBD1

Analogous

D1E6E5

D0DBE5

D1D1E6

Triadic

D0DBE5

E6D1DC

DCE6D1

Split-Comp.

D0DBE5

E6D1D1

E6E5D1

Tetradic

D0DBE5

E5D1E6

E6DBD1

D1E6D1

Contrast Matrix WCAG 2.1 Contrast

D0DBE5	EDEBF6	CDECE6	E5EFF2	E1F0F7
—	1.2 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	—	1.1 Fail	1.0 Fail	1.0 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.0 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.0 Fail	1.1 Fail	1.0 Fail	—

White BG

1.4Fail

1.2Fail

1.3Fail

1.2Fail

Black BG

14.9AAA

17.8AAA

16.7AAA

18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5E3

ECECF3

DADBE7

E9E9F1

E7E8F5

Deuteranopia

D4D3E2

ECECF3

D9D6E8

E9E8F1

E7E6F5

Tritanopia

D1E1E0

EDF1F1

CFE9E9

E5F1F1

E2F4F4

Achromatopsia

D9D9D9

EDEDED

E2E2E2

ECECEC

Shades & Tints Shades & Tints

#D0DBE5

Dark

Light

#EDEBF6

Dark

Light

#CDECE6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0dbe5;
  --color-2: #edebf6;
  --color-3: #cdece6;
  --color-4: #e5eff2;
  --color-5: #e1f0f7;
}

SCSS

$color-1: #d0dbe5;
$color-2: #edebf6;
$color-3: #cdece6;
$color-4: #e5eff2;
$color-5: #e1f0f7;

TAILWIND

colors: {
  'brand-1': '#d0dbe5',
  'brand-2': '#edebf6',
  'brand-3': '#cdece6',
  'brand-4': '#e5eff2',
  'brand-5': '#e1f0f7',
}

RGB Array

[208, 219, 229], [237, 235, 246], [205, 236, 230], [229, 239, 242], [225, 240, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0DBE5, #EDEBF6, #CDECE6, #E5EFF2, #E1F0F7 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: #d0dbe5; --color-2: #edebf6; --color-3: #cdece6; --color-4: #e5eff2; --color-5: #e1f0f7. 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