#D0E7EF + #DEEED5 + #EAEAD0 + #EFF0E3 + #F4F6F2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0E7EF

Sky Blue · Lavender · Glacier Blue

HEX

#D0E7EF

RGB

rgb(208, 231, 239)

HSL

hsl(195, 49%, 88%)

HSB

hsb(195, 13%, 94%)

CMYK

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

Oklch

oklch(91.3% 0.027 220.7)

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

#DEEED5

Celadon · Beige · Mint Green

HEX

#DEEED5

RGB

rgb(222, 238, 213)

HSL

hsl(98, 42%, 88%)

HSB

hsb(98, 11%, 93%)

CMYK

cmyk(7%, 0%, 11%, 7%)

Oklch

oklch(93.0% 0.037 134.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#EAEAD0

Fresh Green · Beige · Lemon Cream

HEX

#EAEAD0

RGB

rgb(234, 234, 208)

HSL

hsl(60, 38%, 87%)

HSB

hsb(60, 11%, 92%)

CMYK

cmyk(0%, 0%, 11%, 8%)

Oklch

oklch(93.0% 0.034 107.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#EFF0E3

Fresh Green · Beige · Lemon Cream

HEX

#EFF0E3

RGB

rgb(239, 240, 227)

HSL

hsl(65, 30%, 92%)

HSB

hsb(65, 5%, 94%)

CMYK

cmyk(0%, 0%, 5%, 6%)

Oklch

oklch(95.1% 0.017 110.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F4F6F2

Celadon · SeaShell · Mint Green

HEX

#F4F6F2

RGB

rgb(244, 246, 242)

HSL

hsl(90, 18%, 96%)

HSB

hsb(90, 2%, 96%)

CMYK

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

Oklch

oklch(97.1% 0.006 128.5)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0E7EF

EFD9D1

Analogous

D1EFE8

D0E7EF

D1D9EF

Triadic

D0E7EF

EFD1E8

E8EFD1

Split-Comp.

D0E7EF

EFD1D9

EFE8D1

Tetradic

D0E7EF

E8D1EF

EFD9D1

D9EFD1

Contrast Matrix WCAG 2.1 Contrast

D0E7EF	DEEED5	EAEAD0	EFF0E3	F4F6F2
—	1.1 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.3Fail

1.2Fail

1.1Fail

Black BG

16.4AAA

17.3AAA

17.2AAA

18.2AAA

19.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAED

E5E5DB

EAEAD6

EFEFE6

F5F5F3

Deuteranopia

D9D7ED

E4E3DD

EAEAD8

EFEFE7

F5F5F3

Tritanopia

D1ECEB

DFE0E1

EADBDC

EFE9E9

F4F4F4

Achromatopsia

E1E1E1

E6E6E6

E7E7E7

EEEEEE

F5F5F5

Shades & Tints Shades & Tints

#D0E7EF

Dark

Light

#DEEED5

Dark

Light

#EAEAD0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0e7ef;
  --color-2: #deeed5;
  --color-3: #eaead0;
  --color-4: #eff0e3;
  --color-5: #f4f6f2;
}

SCSS

$color-1: #d0e7ef;
$color-2: #deeed5;
$color-3: #eaead0;
$color-4: #eff0e3;
$color-5: #f4f6f2;

TAILWIND

colors: {
  'brand-1': '#d0e7ef',
  'brand-2': '#deeed5',
  'brand-3': '#eaead0',
  'brand-4': '#eff0e3',
  'brand-5': '#f4f6f2',
}

RGB Array

[208, 231, 239], [222, 238, 213], [234, 234, 208], [239, 240, 227], [244, 246, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0E7EF, #DEEED5, #EAEAD0, #EFF0E3, #F4F6F2 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: #d0e7ef; --color-2: #deeed5; --color-3: #eaead0; --color-4: #eff0e3; --color-5: #f4f6f2. 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