#EDE5D8 + #DCE7D7 + #DDDED6 + #F0DEC8 + #EFDFD0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE5D8

Goose Yellow · Beige · Peach Orange

HEX

#EDE5D8

RGB

rgb(237, 229, 216)

HSL

hsl(37, 37%, 89%)

HSB

hsb(37, 9%, 93%)

CMYK

cmyk(0%, 3%, 9%, 7%)

Oklch

oklch(92.5% 0.019 80.1)

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

#DCE7D7

Celadon · LightGray · Mint Green

HEX

#DCE7D7

RGB

rgb(220, 231, 215)

HSL

hsl(101, 25%, 87%)

HSB

hsb(101, 7%, 91%)

CMYK

cmyk(5%, 0%, 7%, 9%)

Oklch

oklch(91.5% 0.024 135.7)

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

#DDDED6

Fresh Green · LightGray · Lemon Cream

HEX

#DDDED6

RGB

rgb(221, 222, 214)

HSL

hsl(67, 11%, 85%)

HSB

hsb(67, 4%, 87%)

CMYK

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

Oklch

oklch(89.8% 0.011 112.4)

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

#F0DEC8

Goose Yellow · Bisque · Peach Orange

HEX

#F0DEC8

RGB

rgb(240, 222, 200)

HSL

hsl(33, 57%, 86%)

HSB

hsb(33, 17%, 94%)

CMYK

cmyk(0%, 7%, 17%, 6%)

Oklch

oklch(90.9% 0.035 72.9)

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

#EFDFD0

Apricot · Bisque · Peach Orange

HEX

#EFDFD0

RGB

rgb(239, 223, 208)

HSL

hsl(29, 49%, 88%)

HSB

hsb(29, 13%, 94%)

CMYK

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

Oklch

oklch(91.2% 0.027 65.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE5D8

D9E1ED

Analogous

EDDBD9

EDE5D8

EBEDD9

Triadic

EDE5D8

D9EDE5

E5D9ED

Split-Comp.

EDE5D8

D9EBED

DBD9ED

Tetradic

EDE5D8

D9EDDB

D9E1ED

EDD9EB

Contrast Matrix WCAG 2.1 Contrast

EDE5D8	DCE7D7	DDDED6	F0DEC8	EFDFD0
—	1.0 Fail	1.1 Fail	1.1 Fail	1.0 Fail
1.0 Fail	—	1.1 Fail	1.0 Fail	1.0 Fail
1.1 Fail	1.1 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	—

White BG

1.2Fail

1.3Fail

1.4Fail

1.3Fail

Black BG

16.8AAA

16.5AAA

15.5AAA

16.0AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE9DB

E1E1DB

DDDDD8

E8E8CD

E8E8D4

Deuteranopia

EAEBDC

E0DFDC

DDDDD8

E9EBCF

E9EAD5

Tritanopia

EDDEDE

DDDEDF

DDD9DA

EFD2D2

EED6D7

Achromatopsia

E6E6E6

E2E2E2

DDDDDD

E1E1E1

E2E2E2

Shades & Tints Shades & Tints

#EDE5D8

Dark

Light

#DCE7D7

Dark

Light

#DDDED6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede5d8;
  --color-2: #dce7d7;
  --color-3: #ddded6;
  --color-4: #f0dec8;
  --color-5: #efdfd0;
}

SCSS

$color-1: #ede5d8;
$color-2: #dce7d7;
$color-3: #ddded6;
$color-4: #f0dec8;
$color-5: #efdfd0;

TAILWIND

colors: {
  'brand-1': '#ede5d8',
  'brand-2': '#dce7d7',
  'brand-3': '#ddded6',
  'brand-4': '#f0dec8',
  'brand-5': '#efdfd0',
}

RGB Array

[237, 229, 216], [220, 231, 215], [221, 222, 214], [240, 222, 200], [239, 223, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE5D8, #DCE7D7, #DDDED6, #F0DEC8, #EFDFD0 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: #ede5d8; --color-2: #dce7d7; --color-3: #ddded6; --color-4: #f0dec8; --color-5: #efdfd0. 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