#D6DFDE + #FEEECC + #F0E2A5 + #DFCAB7 + #FAD9D0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6DFDE

Jade · LightGray · Glacier Blue

HEX

#D6DFDE

RGB

rgb(214, 223, 222)

HSL

hsl(173, 12%, 86%)

HSB

hsb(173, 4%, 87%)

CMYK

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

Oklch

oklch(89.7% 0.010 189.0)

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

#FEEECC

Goose Yellow · Bisque · Lemon Cream

HEX

#FEEECC

RGB

rgb(254, 238, 204)

HSL

hsl(41, 96%, 90%)

HSB

hsb(41, 20%, 100%)

CMYK

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

Oklch

oklch(95.3% 0.048 85.8)

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

#F0E2A5

Goose Yellow · Wheat · Lemon Cream

HEX

#F0E2A5

RGB

rgb(240, 226, 165)

HSL

hsl(49, 71%, 79%)

HSB

hsb(49, 31%, 94%)

CMYK

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

Oklch

oklch(91.0% 0.080 96.7)

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

#DFCAB7

Apricot · Wheat · Peach Orange

HEX

#DFCAB7

RGB

rgb(223, 202, 183)

HSL

hsl(28, 38%, 80%)

HSB

hsb(28, 18%, 87%)

CMYK

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

Oklch

oklch(85.1% 0.035 64.5)

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

#FAD9D0

Peach Pink · Bisque · Cherry Blossom

HEX

#FAD9D0

RGB

rgb(250, 217, 208)

HSL

hsl(13, 81%, 90%)

HSB

hsb(13, 17%, 98%)

CMYK

cmyk(0%, 13%, 17%, 2%)

Oklch

oklch(91.0% 0.039 35.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6DFDE

E0D7D8

Analogous

D7E0DA

D6DFDE

D7DCE0

Triadic

D6DFDE

DFD7E0

E0DFD7

Split-Comp.

D6DFDE

E0D7DC

E0DAD7

Tetradic

D6DFDE

DAD7E0

E0D7D8

DCE0D7

Contrast Matrix WCAG 2.1 Contrast

D6DFDE	FEEECC	F0E2A5	DFCAB7	FAD9D0
—	1.2 Fail	1.0 Fail	1.2 Fail	1.0 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.2 Fail
1.0 Fail	1.1 Fail	—	1.2 Fail	1.0 Fail
1.2 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.0 Fail	1.2 Fail	1.0 Fail	1.2 Fail	—

White BG

1.4Fail

1.1Fail

1.3Fail

1.6Fail

1.3Fail

Black BG

15.5AAA

18.3AAA

16.1AAA

13.3AAA

15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADADE

F7F7D4

EAEAB4

D6D6BC

ECEBD2

Deuteranopia

D9D9DE

F8F9D6

EBECB7

D7D9BD

EEF0D3

Tritanopia

D6DEDE

FDDBDC

EFBFC2

DEBFC0

F8D4D4

Achromatopsia

DCDCDC

EFEFEF

DFDFDF

CECECE

E2E2E2

Shades & Tints Shades & Tints

#D6DFDE

Dark

Light

#FEEECC

Dark

Light

#F0E2A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6dfde;
  --color-2: #feeecc;
  --color-3: #f0e2a5;
  --color-4: #dfcab7;
  --color-5: #fad9d0;
}

SCSS

$color-1: #d6dfde;
$color-2: #feeecc;
$color-3: #f0e2a5;
$color-4: #dfcab7;
$color-5: #fad9d0;

TAILWIND

colors: {
  'brand-1': '#d6dfde',
  'brand-2': '#feeecc',
  'brand-3': '#f0e2a5',
  'brand-4': '#dfcab7',
  'brand-5': '#fad9d0',
}

RGB Array

[214, 223, 222], [254, 238, 204], [240, 226, 165], [223, 202, 183], [250, 217, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6DFDE, #FEEECC, #F0E2A5, #DFCAB7, #FAD9D0 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: #d6dfde; --color-2: #feeecc; --color-3: #f0e2a5; --color-4: #dfcab7; --color-5: #fad9d0. 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