#E2D3D0 + #FCF5ED + #F9EAE0 + #EFE8E3 + #FCFAF7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2D3D0

Peach Pink · LightGray · Cherry Blossom

HEX

#E2D3D0

RGB

rgb(226, 211, 208)

HSL

hsl(10, 24%, 85%)

HSB

hsb(10, 8%, 89%)

CMYK

cmyk(0%, 7%, 8%, 11%)

Oklch

oklch(87.8% 0.017 31.1)

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

#FCF5ED

Goose Yellow · SeaShell · Peach Orange

HEX

#FCF5ED

RGB

rgb(252, 245, 237)

HSL

hsl(32, 71%, 96%)

HSB

hsb(32, 6%, 99%)

CMYK

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

Oklch

oklch(97.3% 0.013 71.3)

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

#F9EAE0

Apricot · Linen · Peach Orange

HEX

#F9EAE0

RGB

rgb(249, 234, 224)

HSL

hsl(24, 68%, 93%)

HSB

hsb(24, 10%, 98%)

CMYK

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

Oklch

oklch(94.6% 0.021 56.1)

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

#EFE8E3

Apricot · Linen · Peach Orange

HEX

#EFE8E3

RGB

rgb(239, 232, 227)

HSL

hsl(25, 27%, 91%)

HSB

hsb(25, 5%, 94%)

CMYK

cmyk(0%, 3%, 5%, 6%)

Oklch

oklch(93.5% 0.010 58.2)

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

#FCFAF7

Goose Yellow · Snow · Peach Orange

HEX

#FCFAF7

RGB

rgb(252, 250, 247)

HSL

hsl(36, 45%, 98%)

HSB

hsb(36, 2%, 99%)

CMYK

cmyk(0%, 1%, 2%, 1%)

Oklch

oklch(98.6% 0.005 78.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2D3D0

D0DFE2

Analogous

E2D0D6

E2D3D0

E2DCD0

Triadic

E2D3D0

D0E2D3

D3D0E2

Split-Comp.

E2D3D0

D0E2DC

D0D6E2

Tetradic

E2D3D0

D6E2D0

D0DFE2

DCD0E2

Contrast Matrix WCAG 2.1 Contrast

E2D3D0	FCF5ED	F9EAE0	EFE8E3	FCFAF7
—	1.3 Fail	1.2 Fail	1.2 Fail	1.4 Fail
1.3 Fail	—	1.1 Fail	1.1 Fail	1.0 Fail
1.2 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.2 Fail
1.4 Fail	1.0 Fail	1.1 Fail	1.2 Fail	—

White BG

1.5Fail

1.1Fail

1.2Fail

1.0Fail

Black BG

14.5AAA

19.4AAA

17.9AAA

17.3AAA

20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDBD1

F9F9EF

F3F2E2

ECECE4

FBFBF8

Deuteranopia

DCDED1

F9FAEF

F3F5E3

ECEDE4

FBFBF8

Tritanopia

E1D1D1

FCF0F1

F8E4E5

EFE5E5

FCF8F8

Achromatopsia

D7D7D7

F6F6F6

EDEDED

EAEAEA

FAFAFA

Shades & Tints Shades & Tints

#E2D3D0

Dark

Light

#FCF5ED

Dark

Light

#F9EAE0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2d3d0;
  --color-2: #fcf5ed;
  --color-3: #f9eae0;
  --color-4: #efe8e3;
  --color-5: #fcfaf7;
}

SCSS

$color-1: #e2d3d0;
$color-2: #fcf5ed;
$color-3: #f9eae0;
$color-4: #efe8e3;
$color-5: #fcfaf7;

TAILWIND

colors: {
  'brand-1': '#e2d3d0',
  'brand-2': '#fcf5ed',
  'brand-3': '#f9eae0',
  'brand-4': '#efe8e3',
  'brand-5': '#fcfaf7',
}

RGB Array

[226, 211, 208], [252, 245, 237], [249, 234, 224], [239, 232, 227], [252, 250, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2D3D0, #FCF5ED, #F9EAE0, #EFE8E3, #FCFAF7 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: #e2d3d0; --color-2: #fcf5ed; --color-3: #f9eae0; --color-4: #efe8e3; --color-5: #fcfaf7. 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