← Back to Editor

#FCD5E8 · #FBAE90 · #EE9A80 · #805662 · #BEAFB6

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

#FCD5E8

Rouge · Linen · Cherry Blossom

HEX
#FCD5E8
RGB
rgb(252, 213, 232)
HSL
hsl(331, 87%, 91%)
HSB
hsb(331, 15%, 99%)
CMYK
cmyk(0%, 15%, 8%, 1%)
Oklch
oklch(91.1% 0.050 347.2)

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

#FBAE90

Apricot · LightSalmon · Peach Orange

HEX
#FBAE90
RGB
rgb(251, 174, 144)
HSL
hsl(17, 93%, 77%)
HSB
hsb(17, 43%, 98%)
CMYK
cmyk(0%, 31%, 43%, 2%)
Oklch
oklch(81.8% 0.100 42.1)

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

#EE9A80

Peach Pink · DarkSalmon · Coral Red

HEX
#EE9A80
RGB
rgb(238, 154, 128)
HSL
hsl(14, 76%, 72%)
HSB
hsb(14, 46%, 93%)
CMYK
cmyk(0%, 35%, 46%, 7%)
Oklch
oklch(76.5% 0.108 38.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#805662

Dark Violet · DimGray · Camellia

HEX
#805662
RGB
rgb(128, 86, 98)
HSL
hsl(343, 20%, 42%)
HSB
hsb(343, 33%, 50%)
CMYK
cmyk(0%, 33%, 23%, 50%)
Oklch
oklch(50.2% 0.058 0.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#BEAFB6

Rouge · Silver · Rose Pink

HEX
#BEAFB6
RGB
rgb(190, 175, 182)
HSL
hsl(332, 10%, 72%)
HSB
hsb(332, 8%, 75%)
CMYK
cmyk(0%, 8%, 4%, 25%)
Oklch
oklch(76.9% 0.020 347.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCD5E8
D4FCE9

Analogous

FCD4FB
FCD5E8
FCD5D4

Triadic

FCD5E8
E7FCD4
D4E7FC

Split-Comp.

FCD5E8
D4FCD5
D4FBFC

Tetradic

FCD5E8
FBFCD4
D4FCE9
D5D4FC

Contrast Matrix WCAG 2.1 Contrast

FCD5E8
FBAE90
EE9A80
805662
BEAFB6
—
1.4
Fail
1.7
Fail
4.6
AA
1.6
Fail
1.4
Fail
—
1.2
Fail
3.4
AA Large
1.2
Fail
1.7
Fail
1.2
Fail
—
2.8
Fail
1.0
Fail
4.6
AA
3.4
AA Large
2.8
Fail
—
2.9
Fail
1.6
Fail
1.2
Fail
1.0
Fail
2.9
Fail
—
White BG
1.3Fail
1.8Fail
2.2Fail
6.1AA
2.1Fail
Black BG
15.8AAA
11.6AAA
9.6AAA
3.4AA Large
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBE3
DAD997
CAC986
6E6D5F
B8B7B4

Deuteranopia

EDF0E2
DEE499
CFD588
70735E
B8BAB4

Tritanopia

FAE0DF
F79D9E
EA8B8C
7E5D5C
BDB3B3

Achromatopsia

E3E3E3
C2C2C2
B0B0B0
646464
B4B4B4

Shades & Tints Shades & Tints

#FCD5E8

Dark
Light

#FBAE90

Dark
Light

#EE9A80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcd5e8;
  --color-2: #fbae90;
  --color-3: #ee9a80;
  --color-4: #805662;
  --color-5: #beafb6;
}

SCSS

$color-1: #fcd5e8;
$color-2: #fbae90;
$color-3: #ee9a80;
$color-4: #805662;
$color-5: #beafb6;

TAILWIND

colors: {
  'brand-1': '#fcd5e8',
  'brand-2': '#fbae90',
  'brand-3': '#ee9a80',
  'brand-4': '#805662',
  'brand-5': '#beafb6',
}

RGB Array

[252, 213, 232], [251, 174, 144], [238, 154, 128], [128, 86, 98], [190, 175, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCD5E8, #FBAE90, #EE9A80, #805662, #BEAFB6 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: #fcd5e8; --color-2: #fbae90; --color-3: #ee9a80; --color-4: #805662; --color-5: #beafb6. 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