← Back to Editor

#FC95B2 · #FC6D95 · #9E8E77 · #F7E9CD · #C4D487

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

#FC95B2

Rouge · LightPink · Cherry Blossom

HEX
#FC95B2
RGB
rgb(252, 149, 178)
HSL
hsl(343, 94%, 79%)
HSB
hsb(343, 41%, 99%)
CMYK
cmyk(0%, 41%, 29%, 1%)
Oklch
oklch(78.5% 0.127 2.3)

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

#FC6D95

Rouge · LightCoral · Rose Pink

HEX
#FC6D95
RGB
rgb(252, 109, 149)
HSL
hsl(343, 96%, 71%)
HSB
hsb(343, 57%, 99%)
CMYK
cmyk(0%, 57%, 41%, 1%)
Oklch
oklch(71.9% 0.178 5.2)

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

#9E8E77

Ginger · Gray · Warm Sun

HEX
#9E8E77
RGB
rgb(158, 142, 119)
HSL
hsl(35, 17%, 54%)
HSB
hsb(35, 25%, 62%)
CMYK
cmyk(0%, 10%, 25%, 38%)
Oklch
oklch(65.5% 0.038 76.9)

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

#F7E9CD

Goose Yellow · Bisque · Lemon Cream

HEX
#F7E9CD
RGB
rgb(247, 233, 205)
HSL
hsl(40, 72%, 89%)
HSB
hsb(40, 17%, 97%)
CMYK
cmyk(0%, 6%, 17%, 3%)
Oklch
oklch(93.8% 0.040 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C4D487

Willow Green · Tan · Apple Green

HEX
#C4D487
RGB
rgb(196, 212, 135)
HSL
hsl(72, 47%, 68%)
HSB
hsb(72, 36%, 83%)
CMYK
cmyk(8%, 0%, 36%, 17%)
Oklch
oklch(84.0% 0.102 118.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC95B2
97FCDF

Analogous

FC97E6
FC95B2
FCAD97

Triadic

FC95B2
B4FC97
97B4FC

Split-Comp.

FC95B2
97FCAD
97E6FC

Tetradic

FC95B2
E6FC97
97FCDF
AD97FC

Contrast Matrix WCAG 2.1 Contrast

FC95B2
FC6D95
9E8E77
F7E9CD
C4D487
—
1.3
Fail
1.5
Fail
1.7
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
2.3
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
2.7
Fail
2.0
Fail
1.7
Fail
2.3
Fail
2.7
Fail
—
1.3
Fail
1.3
Fail
1.7
Fail
2.0
Fail
1.3
Fail
—
White BG
2.1Fail
2.7Fail
3.2AA Large
1.2Fail
1.6Fail
Black BG
10.1AAA
7.8AAA
6.6AA
17.5AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCEAB
BEBD8B
97977D
F1F1D4
CBCB9A

Deuteranopia

D5DDA9
C6D189
98997E
F2F3D5
CAC99E

Tritanopia

F7A5A4
F58482
9D8182
F6D9DA
C5A8AC

Achromatopsia

B7B7B7
9C9C9C
909090
EAEAEA
C6C6C6

Shades & Tints Shades & Tints

#FC95B2

Dark
Light

#FC6D95

Dark
Light

#9E8E77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc95b2;
  --color-2: #fc6d95;
  --color-3: #9e8e77;
  --color-4: #f7e9cd;
  --color-5: #c4d487;
}

SCSS

$color-1: #fc95b2;
$color-2: #fc6d95;
$color-3: #9e8e77;
$color-4: #f7e9cd;
$color-5: #c4d487;

TAILWIND

colors: {
  'brand-1': '#fc95b2',
  'brand-2': '#fc6d95',
  'brand-3': '#9e8e77',
  'brand-4': '#f7e9cd',
  'brand-5': '#c4d487',
}

RGB Array

[252, 149, 178], [252, 109, 149], [158, 142, 119], [247, 233, 205], [196, 212, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC95B2, #FC6D95, #9E8E77, #F7E9CD, #C4D487 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: #fc95b2; --color-2: #fc6d95; --color-3: #9e8e77; --color-4: #f7e9cd; --color-5: #c4d487. 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