← Back to Editor

#FFE4D4 · #F3CEBB · #ECA0BC · #8F6F87 · #C4A5B5

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

#FFE4D4

Apricot · Bisque · Peach Orange

HEX
#FFE4D4
RGB
rgb(255, 228, 212)
HSL
hsl(22, 100%, 92%)
HSB
hsb(22, 17%, 100%)
CMYK
cmyk(0%, 11%, 17%, 0%)
Oklch
oklch(93.7% 0.037 52.7)

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

#F3CEBB

Apricot · Wheat · Peach Orange

HEX
#F3CEBB
RGB
rgb(243, 206, 187)
HSL
hsl(20, 70%, 84%)
HSB
hsb(20, 23%, 95%)
CMYK
cmyk(0%, 15%, 23%, 5%)
Oklch
oklch(87.8% 0.049 48.8)

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

#ECA0BC

Rouge · LightPink · Cherry Blossom

HEX
#ECA0BC
RGB
rgb(236, 160, 188)
HSL
hsl(338, 67%, 78%)
HSB
hsb(338, 32%, 93%)
CMYK
cmyk(0%, 32%, 20%, 7%)
Oklch
oklch(78.8% 0.096 355.8)

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

#8F6F87

Rose Purple · Gray · Violet

HEX
#8F6F87
RGB
rgb(143, 111, 135)
HSL
hsl(315, 13%, 50%)
HSB
hsb(315, 22%, 56%)
CMYK
cmyk(0%, 22%, 6%, 44%)
Oklch
oklch(58.1% 0.053 335.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#C4A5B5

Mauve · Silver · Rose Pink

HEX
#C4A5B5
RGB
rgb(196, 165, 181)
HSL
hsl(329, 21%, 71%)
HSB
hsb(329, 16%, 77%)
CMYK
cmyk(0%, 16%, 8%, 23%)
Oklch
oklch(75.4% 0.042 345.7)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE4D4
D6F0FF

Analogous

FFD6DC
FFE4D4
FFFAD6

Triadic

FFE4D4
D6FFE5
E5D6FF

Split-Comp.

FFE4D4
D6FFFA
D6DCFF

Tetradic

FFE4D4
DCFFD6
D6F0FF
FAD6FF

Contrast Matrix WCAG 2.1 Contrast

FFE4D4
F3CEBB
ECA0BC
8F6F87
C4A5B5
—
1.2
Fail
1.7
Fail
3.6
AA Large
1.8
Fail
1.2
Fail
—
1.4
Fail
3.0
Fail
1.5
Fail
1.7
Fail
1.4
Fail
—
2.2
Fail
1.1
Fail
3.6
AA Large
3.0
Fail
2.2
Fail
—
2.0
Fail
1.8
Fail
1.5
Fail
1.1
Fail
2.0
Fail
—
White BG
1.2Fail
1.5Fail
2.0Fail
4.4AA Large
2.2Fail
Black BG
17.3AAA
14.4AAA
10.3AAA
4.8AA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3D8
E3E3C0
CBCAB5
818181
B7B6B1

Deuteranopia

F5F7D9
E5E8C1
D0D5B4
838580
B8BBB0

Tritanopia

FEDBDC
F1C3C4
E8B0AF
8D7D7C
C2AEAD

Achromatopsia

EAEAEA
D7D7D7
BABABA
7B7B7B
B0B0B0

Shades & Tints Shades & Tints

#FFE4D4

Dark
Light

#F3CEBB

Dark
Light

#ECA0BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe4d4;
  --color-2: #f3cebb;
  --color-3: #eca0bc;
  --color-4: #8f6f87;
  --color-5: #c4a5b5;
}

SCSS

$color-1: #ffe4d4;
$color-2: #f3cebb;
$color-3: #eca0bc;
$color-4: #8f6f87;
$color-5: #c4a5b5;

TAILWIND

colors: {
  'brand-1': '#ffe4d4',
  'brand-2': '#f3cebb',
  'brand-3': '#eca0bc',
  'brand-4': '#8f6f87',
  'brand-5': '#c4a5b5',
}

RGB Array

[255, 228, 212], [243, 206, 187], [236, 160, 188], [143, 111, 135], [196, 165, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE4D4, #F3CEBB, #ECA0BC, #8F6F87, #C4A5B5 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: #ffe4d4; --color-2: #f3cebb; --color-3: #eca0bc; --color-4: #8f6f87; --color-5: #c4a5b5. 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