#DAE0DB + #E4EBE5 + #F0F2E4 + #FFFFF0 + #FFFFF7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAE0DB

Celadon · LightGray · Cloud White

HEX

#DAE0DB

RGB

rgb(218, 224, 219)

HSL

hsl(130, 9%, 87%)

HSB

hsb(130, 3%, 88%)

CMYK

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

Oklch

oklch(90.1% 0.009 150.7)

Traditional「Celadon」· Paint「Cloud White」· Creative Silver Lining

#E4EBE5

Celadon · Beige · Mint Green

HEX

#E4EBE5

RGB

rgb(228, 235, 229)

HSL

hsl(129, 15%, 91%)

HSB

hsb(129, 3%, 92%)

CMYK

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

Oklch

oklch(93.3% 0.011 149.9)

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

#F0F2E4

Fresh Green · Beige · Lemon Cream

HEX

#F0F2E4

RGB

rgb(240, 242, 228)

HSL

hsl(69, 35%, 92%)

HSB

hsb(69, 6%, 95%)

CMYK

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

Oklch

oklch(95.6% 0.019 113.3)

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

#FFFFF0

Fresh Green · SeaShell · Lemon Cream

HEX

#FFFFF0

RGB

rgb(255, 255, 240)

HSL

hsl(60, 100%, 97%)

HSB

hsb(60, 6%, 100%)

CMYK

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

Oklch

oklch(99.6% 0.020 106.8)

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

#FFFFF7

Fresh Green · Snow · Lemon Cream

HEX

#FFFFF7

RGB

rgb(255, 255, 247)

HSL

hsl(60, 100%, 98%)

HSB

hsb(60, 3%, 100%)

CMYK

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

Oklch

oklch(99.8% 0.010 106.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE0DB

E1DBE0

Analogous

DDE1DB

DAE0DB

DBE1DF

Triadic

DAE0DB

DCDBE1

E1DCDB

Split-Comp.

DAE0DB

DFDBE1

E1DBDD

Tetradic

DAE0DB

DBDDE1

E1DBE0

E1DFDB

Contrast Matrix WCAG 2.1 Contrast

DAE0DB	E4EBE5	F0F2E4	FFFFF0	FFFFF7
—	1.1 Fail	1.2 Fail	1.3 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

1.1Fail

1.0Fail

Black BG

15.7AAA

17.3AAA

18.5AAA

20.8AAA

20.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDDC

E7E7E6

F1F1E7

FFFFF4

FFFFF9

Deuteranopia

DCDCDD

E7E6E7

F1F1E8

FFFFF5

FFFFF9

Tritanopia

DADDDD

E4E8E8

F0EAEB

FFF6F7

FFFAFB

Achromatopsia

DEDEDE

E8E8E8

F0F0F0

FDFDFD

FEFEFE

Shades & Tints Shades & Tints

#DAE0DB

Dark

Light

#E4EBE5

Dark

Light

#F0F2E4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae0db;
  --color-2: #e4ebe5;
  --color-3: #f0f2e4;
  --color-4: #fffff0;
  --color-5: #fffff7;
}

SCSS

$color-1: #dae0db;
$color-2: #e4ebe5;
$color-3: #f0f2e4;
$color-4: #fffff0;
$color-5: #fffff7;

TAILWIND

colors: {
  'brand-1': '#dae0db',
  'brand-2': '#e4ebe5',
  'brand-3': '#f0f2e4',
  'brand-4': '#fffff0',
  'brand-5': '#fffff7',
}

RGB Array

[218, 224, 219], [228, 235, 229], [240, 242, 228], [255, 255, 240], [255, 255, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE0DB, #E4EBE5, #F0F2E4, #FFFFF0, #FFFFF7 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: #dae0db; --color-2: #e4ebe5; --color-3: #f0f2e4; --color-4: #fffff0; --color-5: #fffff7. 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