#D5DEDE + #DED9D3 + #F0D6B9 + #FAD198 + #EBD67A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5DEDE

Sky Blue · LightGray · Glacier Blue

HEX

#D5DEDE

RGB

rgb(213, 222, 222)

HSL

hsl(180, 12%, 85%)

HSB

hsb(180, 4%, 87%)

CMYK

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

Oklch

oklch(89.4% 0.010 197.0)

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

#DED9D3

Goose Yellow · LightGray · Peach Orange

HEX

#DED9D3

RGB

rgb(222, 217, 211)

HSL

hsl(33, 14%, 85%)

HSB

hsb(33, 5%, 87%)

CMYK

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

Oklch

oklch(88.8% 0.010 72.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F0D6B9

Goose Yellow · Wheat · Peach Orange

HEX

#F0D6B9

RGB

rgb(240, 214, 185)

HSL

hsl(32, 65%, 83%)

HSB

hsb(32, 23%, 94%)

CMYK

cmyk(0%, 11%, 23%, 6%)

Oklch

oklch(89.0% 0.048 70.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FAD198

Goose Yellow · Khaki · Peach Orange

HEX

#FAD198

RGB

rgb(250, 209, 152)

HSL

hsl(35, 91%, 79%)

HSB

hsb(35, 39%, 98%)

CMYK

cmyk(0%, 16%, 39%, 2%)

Oklch

oklch(88.3% 0.086 75.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EBD67A

Ginger · Khaki · Sunflower

HEX

#EBD67A

RGB

rgb(235, 214, 122)

HSL

hsl(49, 74%, 70%)

HSB

hsb(49, 48%, 92%)

CMYK

cmyk(0%, 9%, 48%, 8%)

Oklch

oklch(87.4% 0.115 96.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5DEDE

DDD4D4

Analogous

D4DDD9

D5DEDE

D4D9DD

Triadic

D5DEDE

DDD4DD

DDDDD4

Split-Comp.

D5DEDE

DDD4D9

DDD9D4

Tetradic

D5DEDE

D9D4DD

DDD4D4

D9DDD4

Contrast Matrix WCAG 2.1 Contrast

D5DEDE	DED9D3	F0D6B9	FAD198	EBD67A
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.4Fail

1.5Fail

Black BG

15.3AAA

15.0AAA

14.6AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9DE

DCDCD4

E5E5C0

E8E8A6

E2E290

Deuteranopia

D8D8DE

DCDCD5

E6E8C2

EBEEA9

E3E596

Tritanopia

D5DEDE

DED6D6

EFC6C7

F8B1B3

EAA2A6

Achromatopsia

DBDBDB

DADADA

D7D7D7

D2D2D2

Shades & Tints Shades & Tints

#D5DEDE

Dark

Light

#DED9D3

Dark

Light

#F0D6B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5dede;
  --color-2: #ded9d3;
  --color-3: #f0d6b9;
  --color-4: #fad198;
  --color-5: #ebd67a;
}

SCSS

$color-1: #d5dede;
$color-2: #ded9d3;
$color-3: #f0d6b9;
$color-4: #fad198;
$color-5: #ebd67a;

TAILWIND

colors: {
  'brand-1': '#d5dede',
  'brand-2': '#ded9d3',
  'brand-3': '#f0d6b9',
  'brand-4': '#fad198',
  'brand-5': '#ebd67a',
}

RGB Array

[213, 222, 222], [222, 217, 211], [240, 214, 185], [250, 209, 152], [235, 214, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5DEDE, #DED9D3, #F0D6B9, #FAD198, #EBD67A 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: #d5dede; --color-2: #ded9d3; --color-3: #f0d6b9; --color-4: #fad198; --color-5: #ebd67a. 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