← Back to Editor

#FAC8C8 · #CC8B7E · #F2BD96 · #EB9D5E · #AD8686

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

#FAC8C8

Peach Pink · Pink · Cherry Blossom

HEX
#FAC8C8
RGB
rgb(250, 200, 200)
HSL
hsl(0, 83%, 88%)
HSB
hsb(0, 20%, 98%)
CMYK
cmyk(0%, 20%, 20%, 2%)
Oklch
oklch(87.7% 0.057 18.3)

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

#CC8B7E

Peach Pink · DarkSalmon · Coral Red

HEX
#CC8B7E
RGB
rgb(204, 139, 126)
HSL
hsl(10, 43%, 65%)
HSB
hsb(10, 38%, 80%)
CMYK
cmyk(0%, 32%, 38%, 20%)
Oklch
oklch(69.8% 0.082 31.7)

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

#F2BD96

Apricot · BurlyWood · Peach Orange

HEX
#F2BD96
RGB
rgb(242, 189, 150)
HSL
hsl(25, 78%, 77%)
HSB
hsb(25, 38%, 95%)
CMYK
cmyk(0%, 22%, 38%, 5%)
Oklch
oklch(83.7% 0.080 57.7)

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

#EB9D5E

Apricot · SandyBrown · Warm Sun

HEX
#EB9D5E
RGB
rgb(235, 157, 94)
HSL
hsl(27, 78%, 65%)
HSB
hsb(27, 60%, 92%)
CMYK
cmyk(0%, 33%, 60%, 8%)
Oklch
oklch(76.1% 0.122 58.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#AD8686

Crimson · Gray · Passion Red

HEX
#AD8686
RGB
rgb(173, 134, 134)
HSL
hsl(0, 19%, 60%)
HSB
hsb(0, 23%, 68%)
CMYK
cmyk(0%, 23%, 23%, 32%)
Oklch
oklch(65.7% 0.048 18.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAC8C8
C7FAFA

Analogous

FAC7E0
FAC8C8
FAE0C7

Triadic

FAC8C8
C7FAC7
C7C7FA

Split-Comp.

FAC8C8
C7FAE0
C7E0FA

Tetradic

FAC8C8
E0FAC7
C7FAFA
E0C7FA

Contrast Matrix WCAG 2.1 Contrast

FAC8C8
CC8B7E
F2BD96
EB9D5E
AD8686
—
1.9
Fail
1.1
Fail
1.5
Fail
2.2
Fail
1.9
Fail
—
1.7
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.7
Fail
—
1.3
Fail
1.9
Fail
1.5
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
1.2
Fail
1.9
Fail
1.5
Fail
—
White BG
1.5Fail
2.8Fail
1.7Fail
2.2Fail
3.2AA Large
Black BG
14.2AAA
7.6AAA
12.5AAA
9.5AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C8
B0AF81
DBDB9F
C9C96D
9C9C86

Deuteranopia

E7EBC8
B4B882
DEE2A2
CED471
9EA186

Tritanopia

F8C8C8
C98484
EFA7A9
E7797C
AB8686

Achromatopsia

D7D7D7
9D9D9D
C8C8C8
ADADAD
929292

Shades & Tints Shades & Tints

#FAC8C8

Dark
Light

#CC8B7E

Dark
Light

#F2BD96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fac8c8;
  --color-2: #cc8b7e;
  --color-3: #f2bd96;
  --color-4: #eb9d5e;
  --color-5: #ad8686;
}

SCSS

$color-1: #fac8c8;
$color-2: #cc8b7e;
$color-3: #f2bd96;
$color-4: #eb9d5e;
$color-5: #ad8686;

TAILWIND

colors: {
  'brand-1': '#fac8c8',
  'brand-2': '#cc8b7e',
  'brand-3': '#f2bd96',
  'brand-4': '#eb9d5e',
  'brand-5': '#ad8686',
}

RGB Array

[250, 200, 200], [204, 139, 126], [242, 189, 150], [235, 157, 94], [173, 134, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAC8C8, #CC8B7E, #F2BD96, #EB9D5E, #AD8686 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: #fac8c8; --color-2: #cc8b7e; --color-3: #f2bd96; --color-4: #eb9d5e; --color-5: #ad8686. 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