#E0D5D5 + #E0D4C5 + #E0DBC3 + #F5F4DA + #FAF9E1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0D5D5

Peach Pink · LightGray · Cherry Blossom

HEX

#E0D5D5

RGB

rgb(224, 213, 213)

HSL

hsl(0, 15%, 86%)

HSB

hsb(0, 5%, 88%)

CMYK

cmyk(0%, 5%, 5%, 12%)

Oklch

oklch(88.2% 0.012 17.4)

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

#E0D4C5

Goose Yellow · LightGray · Peach Orange

HEX

#E0D4C5

RGB

rgb(224, 212, 197)

HSL

hsl(33, 30%, 83%)

HSB

hsb(33, 12%, 88%)

CMYK

cmyk(0%, 5%, 12%, 12%)

Oklch

oklch(87.6% 0.024 73.6)

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

#E0DBC3

Fresh Green · LightGray · Lemon Cream

HEX

#E0DBC3

RGB

rgb(224, 219, 195)

HSL

hsl(50, 32%, 82%)

HSB

hsb(50, 13%, 88%)

CMYK

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

Oklch

oklch(88.9% 0.033 97.3)

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

#F5F4DA

Fresh Green · Beige · Lemon Cream

HEX

#F5F4DA

RGB

rgb(245, 244, 218)

HSL

hsl(58, 57%, 91%)

HSB

hsb(58, 11%, 96%)

CMYK

cmyk(0%, 0%, 11%, 4%)

Oklch

oklch(96.1% 0.034 105.2)

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

#FAF9E1

Fresh Green · LightYellow · Lemon Cream

HEX

#FAF9E1

RGB

rgb(250, 249, 225)

HSL

hsl(58, 71%, 93%)

HSB

hsb(58, 10%, 98%)

CMYK

cmyk(0%, 0%, 10%, 2%)

Oklch

oklch(97.7% 0.031 105.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D5D5

D6E1E1

Analogous

E1D6DB

E0D5D5

E1DBD6

Triadic

E0D5D5

D6E1D6

D6D6E1

Split-Comp.

E0D5D5

D6E1DB

D6DBE1

Tetradic

E0D5D5

DBE1D6

D6E1E1

DBD6E1

Contrast Matrix WCAG 2.1 Contrast

E0D5D5	E0D4C5	E0DBC3	F5F4DA	FAF9E1
—	1.0 Fail	1.0 Fail	1.3 Fail	1.3 Fail
1.0 Fail	—	1.0 Fail	1.3 Fail	1.4 Fail
1.0 Fail	1.0 Fail	—	1.2 Fail	1.3 Fail
1.3 Fail	1.3 Fail	1.2 Fail	—	1.0 Fail
1.3 Fail	1.4 Fail	1.3 Fail	1.0 Fail	—

White BG

1.4Fail

1.5Fail

1.4Fail

1.1Fail

Black BG

14.6AAA

14.4AAA

15.1AAA

18.8AAA

19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBD5

DBDBC9

DEDEC9

F5F5E0

FAFAE7

Deuteranopia

DCDDD5

DCDCC9

DEDFCA

F5F5E2

FAFAE8

Tritanopia

DFD5D5

DFCBCC

E0CDCE

F5E5E6

FAEBEC

Achromatopsia

D8D8D8

D6D6D6

DADADA

F1F1F1

F7F7F7

Shades & Tints Shades & Tints

#E0D5D5

Dark

Light

#E0D4C5

Dark

Light

#E0DBC3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d5d5;
  --color-2: #e0d4c5;
  --color-3: #e0dbc3;
  --color-4: #f5f4da;
  --color-5: #faf9e1;
}

SCSS

$color-1: #e0d5d5;
$color-2: #e0d4c5;
$color-3: #e0dbc3;
$color-4: #f5f4da;
$color-5: #faf9e1;

TAILWIND

colors: {
  'brand-1': '#e0d5d5',
  'brand-2': '#e0d4c5',
  'brand-3': '#e0dbc3',
  'brand-4': '#f5f4da',
  'brand-5': '#faf9e1',
}

RGB Array

[224, 213, 213], [224, 212, 197], [224, 219, 195], [245, 244, 218], [250, 249, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D5D5, #E0D4C5, #E0DBC3, #F5F4DA, #FAF9E1 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: #e0d5d5; --color-2: #e0d4c5; --color-3: #e0dbc3; --color-4: #f5f4da; --color-5: #faf9e1. 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