#F9EDED + #EBE0D8 + #E2DCD1 + #E2CAC4 + #E4C0A6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F9EDED

Peach Pink · Linen · Cherry Blossom

HEX

#F9EDED

RGB

rgb(249, 237, 237)

HSL

hsl(0, 50%, 95%)

HSB

hsb(0, 5%, 98%)

CMYK

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

Oklch

oklch(95.6% 0.013 17.4)

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

#EBE0D8

Apricot · Beige · Peach Orange

HEX

#EBE0D8

RGB

rgb(235, 224, 216)

HSL

hsl(25, 32%, 88%)

HSB

hsb(25, 8%, 92%)

CMYK

cmyk(0%, 5%, 8%, 8%)

Oklch

oklch(91.3% 0.016 58.6)

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

#E2DCD1

Goose Yellow · LightGray · Peach Orange

HEX

#E2DCD1

RGB

rgb(226, 220, 209)

HSL

hsl(39, 23%, 85%)

HSB

hsb(39, 8%, 89%)

CMYK

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

Oklch

oklch(89.6% 0.016 82.8)

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

#E2CAC4

Peach Pink · LightGray · Cherry Blossom

HEX

#E2CAC4

RGB

rgb(226, 202, 196)

HSL

hsl(12, 34%, 83%)

HSB

hsb(12, 13%, 89%)

CMYK

cmyk(0%, 11%, 13%, 11%)

Oklch

oklch(85.7% 0.028 34.3)

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

#E4C0A6

Apricot · BurlyWood · Peach Orange

HEX

#E4C0A6

RGB

rgb(228, 192, 166)

HSL

hsl(25, 53%, 77%)

HSB

hsb(25, 27%, 89%)

CMYK

cmyk(0%, 16%, 27%, 11%)

Oklch

oklch(83.2% 0.054 57.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9EDED

ECF9F9

Analogous

F9ECF2

F9EDED

F9F2EC

Triadic

F9EDED

ECF9EC

ECECF9

Split-Comp.

F9EDED

ECF9F2

ECF2F9

Tetradic

F9EDED

F2F9EC

ECF9F9

F2ECF9

Contrast Matrix WCAG 2.1 Contrast

F9EDED	EBE0D8	E2DCD1	E2CAC4	E4C0A6
—	1.1 Fail	1.2 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.1Fail

1.3Fail

1.4Fail

1.6Fail

1.7Fail

Black BG

18.4AAA

16.2AAA

15.4AAA

13.5AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4ED

E6E6DA

DFDFD4

D8D7C5

D4D4AC

Deuteranopia

F5F5ED

E7E8DA

E0E0D4

D9DBC6

D7D9AE

Tritanopia

F8EDED

EADBDC

E2D6D6

E1C7C7

E2B1B2

Achromatopsia

F1F1F1

E2E2E2

DDDDDD

D0D0D0

C8C8C8

Shades & Tints Shades & Tints

#F9EDED

Dark

Light

#EBE0D8

Dark

Light

#E2DCD1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9eded;
  --color-2: #ebe0d8;
  --color-3: #e2dcd1;
  --color-4: #e2cac4;
  --color-5: #e4c0a6;
}

SCSS

$color-1: #f9eded;
$color-2: #ebe0d8;
$color-3: #e2dcd1;
$color-4: #e2cac4;
$color-5: #e4c0a6;

TAILWIND

colors: {
  'brand-1': '#f9eded',
  'brand-2': '#ebe0d8',
  'brand-3': '#e2dcd1',
  'brand-4': '#e2cac4',
  'brand-5': '#e4c0a6',
}

RGB Array

[249, 237, 237], [235, 224, 216], [226, 220, 209], [226, 202, 196], [228, 192, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9EDED, #EBE0D8, #E2DCD1, #E2CAC4, #E4C0A6 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: #f9eded; --color-2: #ebe0d8; --color-3: #e2dcd1; --color-4: #e2cac4; --color-5: #e4c0a6. 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