← Back to Editor

#FCD3AA · #EDAFB6 · #EB81A3 · #CF6E9E · #8B558E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FCD3AA

Goose Yellow · Wheat · Peach Orange

HEX
#FCD3AA
RGB
rgb(252, 211, 170)
HSL
hsl(30, 93%, 83%)
HSB
hsb(30, 33%, 99%)
CMYK
cmyk(0%, 16%, 33%, 1%)
Oklch
oklch(89.2% 0.071 66.7)

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

#EDAFB6

Peach Pink · LightPink · Cherry Blossom

HEX
#EDAFB6
RGB
rgb(237, 175, 182)
HSL
hsl(353, 63%, 81%)
HSB
hsb(353, 26%, 93%)
CMYK
cmyk(0%, 26%, 23%, 7%)
Oklch
oklch(81.3% 0.073 11.3)

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

#EB81A3

Rouge · LightCoral · Rose Pink

HEX
#EB81A3
RGB
rgb(235, 129, 163)
HSL
hsl(341, 73%, 71%)
HSB
hsb(341, 45%, 92%)
CMYK
cmyk(0%, 45%, 31%, 8%)
Oklch
oklch(72.9% 0.135 0.5)

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

#CF6E9E

Rouge · LightCoral · Rose Pink

HEX
#CF6E9E
RGB
rgb(207, 110, 158)
HSL
hsl(330, 50%, 62%)
HSB
hsb(330, 47%, 81%)
CMYK
cmyk(0%, 47%, 24%, 19%)
Oklch
oklch(66.3% 0.134 350.4)

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

#8B558E

Dark Plum · Gray · Violet

HEX
#8B558E
RGB
rgb(139, 85, 142)
HSL
hsl(297, 25%, 45%)
HSB
hsb(297, 40%, 56%)
CMYK
cmyk(2%, 40%, 0%, 44%)
Oklch
oklch(53.1% 0.107 325.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCD3AA
ABD4FC

Analogous

FCABAB
FCD3AA
FCFCAB

Triadic

FCD3AA
ABFCD4
D4ABFC

Split-Comp.

FCD3AA
ABFCFC
ABABFC

Tetradic

FCD3AA
ABFCAB
ABD4FC
FCABFC

Contrast Matrix WCAG 2.1 Contrast

FCD3AA
EDAFB6
EB81A3
CF6E9E
8B558E
—
1.3
Fail
1.8
Fail
2.4
Fail
4.0
AA Large
1.3
Fail
—
1.4
Fail
1.8
Fail
3.0
AA Large
1.8
Fail
1.4
Fail
—
1.3
Fail
2.2
Fail
2.4
Fail
1.8
Fail
1.3
Fail
—
1.7
Fail
4.0
AA Large
3.0
AA Large
2.2
Fail
1.7
Fail
—
White BG
1.4Fail
1.8Fail
2.6Fail
3.3AA Large
5.5AA
Black BG
15.0AAA
11.4AAA
8.2AAA
6.4AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAB4
D2D2B4
BDBC9B
A5A492
747380

Deuteranopia

EDF0B6
D6DAB4
C3CB99
ABB290
777B7D

Tritanopia

FABCBD
EAB3B3
E69493
CA8987
887573

Achromatopsia

DBDBDB
C2C2C2
A5A5A5
909090
6C6C6C

Shades & Tints Shades & Tints

#FCD3AA

Dark
Light

#EDAFB6

Dark
Light

#EB81A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcd3aa;
  --color-2: #edafb6;
  --color-3: #eb81a3;
  --color-4: #cf6e9e;
  --color-5: #8b558e;
}

SCSS

$color-1: #fcd3aa;
$color-2: #edafb6;
$color-3: #eb81a3;
$color-4: #cf6e9e;
$color-5: #8b558e;

TAILWIND

colors: {
  'brand-1': '#fcd3aa',
  'brand-2': '#edafb6',
  'brand-3': '#eb81a3',
  'brand-4': '#cf6e9e',
  'brand-5': '#8b558e',
}

RGB Array

[252, 211, 170], [237, 175, 182], [235, 129, 163], [207, 110, 158], [139, 85, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCD3AA, #EDAFB6, #EB81A3, #CF6E9E, #8B558E is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fcd3aa; --color-2: #edafb6; --color-3: #eb81a3; --color-4: #cf6e9e; --color-5: #8b558e. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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