← Back to Editor

#FCE6CE · #FFAA9C · #BC5361 · #9A4250 · #5B2B39

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 AppData Visualization

Color Details Color Details

#FCE6CE

Goose Yellow · Bisque · Peach Orange

HEX
#FCE6CE
RGB
rgb(252, 230, 206)
HSL
hsl(31, 88%, 90%)
HSB
hsb(31, 18%, 99%)
CMYK
cmyk(0%, 9%, 18%, 1%)
Oklch
oklch(93.6% 0.040 69.7)

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

#FFAA9C

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FFAA9C
RGB
rgb(255, 170, 156)
HSL
hsl(8, 100%, 81%)
HSB
hsb(8, 39%, 100%)
CMYK
cmyk(0%, 33%, 39%, 0%)
Oklch
oklch(81.7% 0.103 29.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#BC5361

Crimson · Sienna · Passion Red

HEX
#BC5361
RGB
rgb(188, 83, 97)
HSL
hsl(352, 44%, 53%)
HSB
hsb(352, 56%, 74%)
CMYK
cmyk(0%, 56%, 48%, 26%)
Oklch
oklch(57.9% 0.136 14.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#9A4250

Crimson · Sienna · Passion Red

HEX
#9A4250
RGB
rgb(154, 66, 80)
HSL
hsl(350, 40%, 43%)
HSB
hsb(350, 57%, 60%)
CMYK
cmyk(0%, 57%, 48%, 40%)
Oklch
oklch(49.9% 0.118 12.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#5B2B39

Dark Violet · DarkSlateGray · Camellia

HEX
#5B2B39
RGB
rgb(91, 43, 57)
HSL
hsl(343, 36%, 26%)
HSB
hsb(343, 53%, 36%)
CMYK
cmyk(0%, 53%, 37%, 64%)
Oklch
oklch(35.8% 0.072 2.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE6CE
CFE5FC

Analogous

FCD0CF
FCE6CE
FBFCCF

Triadic

FCE6CE
CFFCE6
E6CFFC

Split-Comp.

FCE6CE
CFFBFC
D0CFFC

Tetradic

FCE6CE
CFFCD0
CFE5FC
FCCFFB

Contrast Matrix WCAG 2.1 Contrast

FCE6CE
FFAA9C
BC5361
9A4250
5B2B39
—
1.5
Fail
3.8
AA Large
5.3
AA
9.4
AAA
1.5
Fail
—
2.5
Fail
3.5
AA Large
6.2
AA
3.8
AA Large
2.5
Fail
—
1.4
Fail
2.5
Fail
5.3
AA
3.5
AA Large
1.4
Fail
—
1.8
Fail
9.4
AAA
6.2
AA
2.5
Fail
1.8
Fail
—
White BG
1.2Fail
1.8Fail
4.6AA
6.4AA
11.4AAA
Black BG
17.3AAA
11.5AAA
4.5AA
3.3AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2D4
DAD99F
8F8E5E
74734D
464636

Deuteranopia

F4F5D5
DFE6A0
959D5D
79804C
494D35

Tritanopia

FBD8D9
FBA2A3
B75B5A
964A49
593332

Achromatopsia

EAEAEA
C2C2C2
747474
5E5E5E
3B3B3B

Shades & Tints Shades & Tints

#FCE6CE

Dark
Light

#FFAA9C

Dark
Light

#BC5361

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce6ce;
  --color-2: #ffaa9c;
  --color-3: #bc5361;
  --color-4: #9a4250;
  --color-5: #5b2b39;
}

SCSS

$color-1: #fce6ce;
$color-2: #ffaa9c;
$color-3: #bc5361;
$color-4: #9a4250;
$color-5: #5b2b39;

TAILWIND

colors: {
  'brand-1': '#fce6ce',
  'brand-2': '#ffaa9c',
  'brand-3': '#bc5361',
  'brand-4': '#9a4250',
  'brand-5': '#5b2b39',
}

RGB Array

[252, 230, 206], [255, 170, 156], [188, 83, 97], [154, 66, 80], [91, 43, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCE6CE, #FFAA9C, #BC5361, #9A4250, #5B2B39 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fce6ce; --color-2: #ffaa9c; --color-3: #bc5361; --color-4: #9a4250; --color-5: #5b2b39. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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