#F0E8D5 + #E9D6C5 + #EEB6B9 + #D99097 + #957367 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F0E8D5

Goose Yellow · Beige · Lemon Cream

HEX

#F0E8D5

RGB

rgb(240, 232, 213)

HSL

hsl(42, 47%, 89%)

HSB

hsb(42, 11%, 94%)

CMYK

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

Oklch

oklch(93.2% 0.027 87.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E9D6C5

Apricot · Wheat · Peach Orange

HEX

#E9D6C5

RGB

rgb(233, 214, 197)

HSL

hsl(28, 45%, 84%)

HSB

hsb(28, 15%, 91%)

CMYK

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

Oklch

oklch(88.7% 0.031 64.3)

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

#EEB6B9

Peach Pink · LightPink · Cherry Blossom

HEX

#EEB6B9

RGB

rgb(238, 182, 185)

HSL

hsl(357, 62%, 82%)

HSB

hsb(357, 24%, 93%)

CMYK

cmyk(0%, 24%, 22%, 7%)

Oklch

oklch(82.8% 0.065 15.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D99097

Peach Pink · DarkSalmon · Coral Red

HEX

#D99097

RGB

rgb(217, 144, 151)

HSL

hsl(354, 49%, 71%)

HSB

hsb(354, 34%, 85%)

CMYK

cmyk(0%, 34%, 30%, 15%)

Oklch

oklch(72.8% 0.089 13.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#957367

Tangerine · Gray · Amber Brown

HEX

#957367

RGB

rgb(149, 115, 103)

HSL

hsl(16, 18%, 49%)

HSB

hsb(16, 31%, 58%)

CMYK

cmyk(0%, 23%, 31%, 42%)

Oklch

oklch(58.6% 0.047 40.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0E8D5

D6DEF0

Analogous

F0DBD6

F0E8D5

EBF0D6

Triadic

F0E8D5

D6F0E8

E8D6F0

Split-Comp.

F0E8D5

D6EBF0

DBD6F0

Tetradic

F0E8D5

D6F0DB

D6DEF0

F0D6EB

Contrast Matrix WCAG 2.1 Contrast

F0E8D5	E9D6C5	EEB6B9	D99097	957367
—	1.2 Fail	1.4 Fail	2.1 Fail	3.5 AA Large
1.2 Fail	—	1.2 Fail	1.8 Fail	3.0 AA Large
1.4 Fail	1.2 Fail	—	1.4 Fail	2.4 Fail
2.1 Fail	1.8 Fail	1.4 Fail	—	1.7 Fail
3.5 AA Large	3.0 AA Large	2.4 Fail	1.7 Fail	—

White BG

1.2Fail

1.4Fail

1.7Fail

2.5Fail

4.3AA Large

Black BG

17.2AAA

14.9AAA

12.0AAA

8.4AAA

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECDA

E1E1C9

D6D5B8

B9B995

86866A

Deuteranopia

EDEEDB

E2E3CA

D9DDB8

BEC395

888B6B

Tritanopia

F0DDDE

E8CCCD

EBB8B8

D59494

936C6D

Achromatopsia

E8E8E8

DADADA

C7C7C7

A7A7A7

7C7C7C

Shades & Tints Shades & Tints

#F0E8D5

Dark

Light

#E9D6C5

Dark

Light

#EEB6B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0e8d5;
  --color-2: #e9d6c5;
  --color-3: #eeb6b9;
  --color-4: #d99097;
  --color-5: #957367;
}

SCSS

$color-1: #f0e8d5;
$color-2: #e9d6c5;
$color-3: #eeb6b9;
$color-4: #d99097;
$color-5: #957367;

TAILWIND

colors: {
  'brand-1': '#f0e8d5',
  'brand-2': '#e9d6c5',
  'brand-3': '#eeb6b9',
  'brand-4': '#d99097',
  'brand-5': '#957367',
}

RGB Array

[240, 232, 213], [233, 214, 197], [238, 182, 185], [217, 144, 151], [149, 115, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0E8D5, #E9D6C5, #EEB6B9, #D99097, #957367 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: #f0e8d5; --color-2: #e9d6c5; --color-3: #eeb6b9; --color-4: #d99097; --color-5: #957367. 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