← Back to Editor

#FCD5CE · #FCC0C0 · #4C4240 · #AB8B74 · #FFE6D0

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

#FCD5CE

Peach Pink · Bisque · Cherry Blossom

HEX
#FCD5CE
RGB
rgb(252, 213, 206)
HSL
hsl(9, 88%, 90%)
HSB
hsb(9, 18%, 99%)
CMYK
cmyk(0%, 15%, 18%, 1%)
Oklch
oklch(90.4% 0.045 29.9)

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

#FCC0C0

Peach Pink · LightPink · Cherry Blossom

HEX
#FCC0C0
RGB
rgb(252, 192, 192)
HSL
hsl(0, 91%, 87%)
HSB
hsb(0, 24%, 99%)
CMYK
cmyk(0%, 24%, 24%, 1%)
Oklch
oklch(86.2% 0.069 18.6)

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

#4C4240

Crimson · DarkSlateGray · Charcoal

HEX
#4C4240
RGB
rgb(76, 66, 64)
HSL
hsl(10, 9%, 27%)
HSB
hsb(10, 16%, 30%)
CMYK
cmyk(0%, 13%, 16%, 70%)
Oklch
oklch(38.9% 0.014 31.2)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#AB8B74

Tangerine · Gray · Warm Sun

HEX
#AB8B74
RGB
rgb(171, 139, 116)
HSL
hsl(25, 25%, 56%)
HSB
hsb(25, 32%, 67%)
CMYK
cmyk(0%, 19%, 32%, 33%)
Oklch
oklch(66.0% 0.051 57.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FFE6D0

Apricot · Bisque · Peach Orange

HEX
#FFE6D0
RGB
rgb(255, 230, 208)
HSL
hsl(28, 100%, 91%)
HSB
hsb(28, 18%, 100%)
CMYK
cmyk(0%, 10%, 18%, 0%)
Oklch
oklch(94.0% 0.040 63.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCD5CE
CFF5FC

Analogous

FCCFDF
FCD5CE
FCECCF

Triadic

FCD5CE
CFFCD6
D6CFFC

Split-Comp.

FCD5CE
CFFCEC
CFDFFC

Tetradic

FCD5CE
DFFCCF
CFF5FC
ECCFFC

Contrast Matrix WCAG 2.1 Contrast

FCD5CE
FCC0C0
4C4240
AB8B74
FFE6D0
—
1.2
Fail
7.2
AAA
2.3
Fail
1.1
Fail
1.2
Fail
—
6.2
AA
2.0
Fail
1.3
Fail
7.2
AAA
6.2
AA
—
3.1
AA Large
8.1
AAA
2.3
Fail
2.0
Fail
3.1
AA Large
—
2.6
Fail
1.1
Fail
1.3
Fail
8.1
AAA
2.6
Fail
—
White BG
1.4Fail
1.6Fail
9.7AAA
3.1AA Large
1.2Fail
Black BG
15.5AAA
13.4AAA
2.2Fail
6.7AA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBD0
E2E1C0
484840
9D9D7A
F4F4D5

Deuteranopia

EDF0D0
E6EAC0
484941
9FA17B
F6F8D7

Tritanopia

FAD1D1
F9C0C0
4C4141
A97E7F
FEDADA

Achromatopsia

E0E0E0
D2D2D2
454545
929292
EBEBEB

Shades & Tints Shades & Tints

#FCD5CE

Dark
Light

#FCC0C0

Dark
Light

#4C4240

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcd5ce;
  --color-2: #fcc0c0;
  --color-3: #4c4240;
  --color-4: #ab8b74;
  --color-5: #ffe6d0;
}

SCSS

$color-1: #fcd5ce;
$color-2: #fcc0c0;
$color-3: #4c4240;
$color-4: #ab8b74;
$color-5: #ffe6d0;

TAILWIND

colors: {
  'brand-1': '#fcd5ce',
  'brand-2': '#fcc0c0',
  'brand-3': '#4c4240',
  'brand-4': '#ab8b74',
  'brand-5': '#ffe6d0',
}

RGB Array

[252, 213, 206], [252, 192, 192], [76, 66, 64], [171, 139, 116], [255, 230, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCD5CE, #FCC0C0, #4C4240, #AB8B74, #FFE6D0 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #fcd5ce; --color-2: #fcc0c0; --color-3: #4c4240; --color-4: #ab8b74; --color-5: #ffe6d0. 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 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