#DAE0DE + #FCECCA + #DECBA2 + #E6DE97 + #FACBB4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAE0DE

Jade · LightGray · Cloud White

HEX

#DAE0DE

RGB

rgb(218, 224, 222)

HSL

hsl(160, 9%, 87%)

HSB

hsb(160, 3%, 88%)

CMYK

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

Oklch

oklch(90.2% 0.007 174.4)

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

#FCECCA

Goose Yellow · Bisque · Lemon Cream

HEX

#FCECCA

RGB

rgb(252, 236, 202)

HSL

hsl(41, 89%, 89%)

HSB

hsb(41, 20%, 99%)

CMYK

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

Oklch

oklch(94.7% 0.048 85.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DECBA2

Goose Yellow · BurlyWood · Sunflower

HEX

#DECBA2

RGB

rgb(222, 203, 162)

HSL

hsl(41, 48%, 75%)

HSB

hsb(41, 27%, 87%)

CMYK

cmyk(0%, 9%, 27%, 13%)

Oklch

oklch(84.8% 0.058 86.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E6DE97

Fresh Green · Khaki · Sunflower

HEX

#E6DE97

RGB

rgb(230, 222, 151)

HSL

hsl(54, 61%, 75%)

HSB

hsb(54, 34%, 90%)

CMYK

cmyk(0%, 3%, 34%, 10%)

Oklch

oklch(89.1% 0.091 102.6)

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

#FACBB4

Apricot · Wheat · Peach Orange

HEX

#FACBB4

RGB

rgb(250, 203, 180)

HSL

hsl(20, 88%, 84%)

HSB

hsb(20, 28%, 98%)

CMYK

cmyk(0%, 19%, 28%, 2%)

Oklch

oklch(87.7% 0.062 47.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE0DE

E1DBDD

Analogous

DBE1DC

DAE0DE

DBE0E1

Triadic

DAE0DE

DFDBE1

E1DFDB

Split-Comp.

DAE0DE

E1DBE0

E1DCDB

Tetradic

DAE0DE

DCDBE1

E1DBDD

E0E1DB

Contrast Matrix WCAG 2.1 Contrast

DAE0DE	FCECCA	DECBA2	E6DE97	FACBB4
—	1.1 Fail	1.2 Fail	1.0 Fail	1.1 Fail
1.1 Fail	—	1.4 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.4 Fail	—	1.2 Fail	1.1 Fail
1.0 Fail	1.2 Fail	1.2 Fail	—	1.1 Fail
1.1 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

1.3Fail

1.2Fail

1.6Fail

1.4Fail

1.5Fail

Black BG

15.7AAA

18.0AAA

13.2AAA

15.3AAA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDDE

F5F5D2

D6D6AC

E3E2A8

E6E5BA

Deuteranopia

DCDCDF

F6F7D4

D7D8AE

E3E4AC

E8ECBB

Tritanopia

DADFDF

FBD9DA

DDB4B5

E6B6B9

F8BEBF

Achromatopsia

DEDEDE

EDEDED

CCCCCC

D8D8D8

D6D6D6

Shades & Tints Shades & Tints

#DAE0DE

Dark

Light

#FCECCA

Dark

Light

#DECBA2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae0de;
  --color-2: #fcecca;
  --color-3: #decba2;
  --color-4: #e6de97;
  --color-5: #facbb4;
}

SCSS

$color-1: #dae0de;
$color-2: #fcecca;
$color-3: #decba2;
$color-4: #e6de97;
$color-5: #facbb4;

TAILWIND

colors: {
  'brand-1': '#dae0de',
  'brand-2': '#fcecca',
  'brand-3': '#decba2',
  'brand-4': '#e6de97',
  'brand-5': '#facbb4',
}

RGB Array

[218, 224, 222], [252, 236, 202], [222, 203, 162], [230, 222, 151], [250, 203, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE0DE, #FCECCA, #DECBA2, #E6DE97, #FACBB4 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: #dae0de; --color-2: #fcecca; --color-3: #decba2; --color-4: #e6de97; --color-5: #facbb4. 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