← Back to Editor

#E0D8D5 · #FFC8D9 · #E491A1 · #797F5D · #B5B8B1

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E0D8D5

Apricot · LightGray · Peach Orange

HEX
#E0D8D5
RGB
rgb(224, 216, 213)
HSL
hsl(16, 15%, 86%)
HSB
hsb(16, 5%, 88%)
CMYK
cmyk(0%, 4%, 5%, 12%)
Oklch
oklch(88.8% 0.010 41.9)

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

#FFC8D9

Rouge · Pink · Cherry Blossom

HEX
#FFC8D9
RGB
rgb(255, 200, 217)
HSL
hsl(341, 100%, 89%)
HSB
hsb(341, 22%, 100%)
CMYK
cmyk(0%, 22%, 15%, 0%)
Oklch
oklch(88.6% 0.066 358.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E491A1

Peach Pink · LightCoral · Coral Red

HEX
#E491A1
RGB
rgb(228, 145, 161)
HSL
hsl(348, 61%, 73%)
HSB
hsb(348, 36%, 89%)
CMYK
cmyk(0%, 36%, 29%, 11%)
Oklch
oklch(74.5% 0.102 7.3)

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

#797F5D

Grass Green · DimGray · Olive Green

HEX
#797F5D
RGB
rgb(121, 127, 93)
HSL
hsl(71, 15%, 43%)
HSB
hsb(71, 27%, 50%)
CMYK
cmyk(5%, 0%, 27%, 50%)
Oklch
oklch(58.2% 0.050 116.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#B5B8B1

Silver Gray · Silver · Pearl Gray

HEX
#B5B8B1
RGB
rgb(181, 184, 177)
HSL
hsl(86, 5%, 71%)
HSB
hsb(86, 4%, 72%)
CMYK
cmyk(2%, 0%, 4%, 28%)
Oklch
oklch(77.8% 0.010 125.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D8D5
D6DEE1

Analogous

E1D6D8
E0D8D5
E1DED6

Triadic

E0D8D5
D6E1D9
D9D6E1

Split-Comp.

E0D8D5
D6E1DE
D6D8E1

Tetradic

E0D8D5
D8E1D6
D6DEE1
DED6E1

Contrast Matrix WCAG 2.1 Contrast

E0D8D5
FFC8D9
E491A1
797F5D
B5B8B1
—
1.0
Fail
1.7
Fail
3.0
Fail
1.4
Fail
1.0
Fail
—
1.6
Fail
2.9
Fail
1.4
Fail
1.7
Fail
1.6
Fail
—
1.8
Fail
1.2
Fail
3.0
Fail
2.9
Fail
1.8
Fail
—
2.1
Fail
1.4
Fail
1.4
Fail
1.2
Fail
2.1
Fail
—
White BG
1.4Fail
1.4Fail
2.4Fail
4.2AA Large
2.0Fail
Black BG
15.0AAA
14.5AAA
8.9AAA
5.0AA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDCD6
E7E7D5
C0BF9D
7C7C65
B6B6B3

Deuteranopia

DDDED6
EAEFD4
C5CB9C
7B7B67
B6B6B3

Tritanopia

E0D6D6
FCD2D1
E09A99
796C6D
B5B4B4

Achromatopsia

DADADA
DADADA
ACACAC
797979
B6B6B6

Shades & Tints Shades & Tints

#E0D8D5

Dark
Light

#FFC8D9

Dark
Light

#E491A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d8d5;
  --color-2: #ffc8d9;
  --color-3: #e491a1;
  --color-4: #797f5d;
  --color-5: #b5b8b1;
}

SCSS

$color-1: #e0d8d5;
$color-2: #ffc8d9;
$color-3: #e491a1;
$color-4: #797f5d;
$color-5: #b5b8b1;

TAILWIND

colors: {
  'brand-1': '#e0d8d5',
  'brand-2': '#ffc8d9',
  'brand-3': '#e491a1',
  'brand-4': '#797f5d',
  'brand-5': '#b5b8b1',
}

RGB Array

[224, 216, 213], [255, 200, 217], [228, 145, 161], [121, 127, 93], [181, 184, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D8D5, #FFC8D9, #E491A1, #797F5D, #B5B8B1 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e0d8d5; --color-2: #ffc8d9; --color-3: #e491a1; --color-4: #797f5d; --color-5: #b5b8b1. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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