← Back to Editor

#CC8B9A · #FCA19D · #F8CC8A · #E4E6AC · #E1EDE6

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

#CC8B9A

Peach Pink · Tan · Coral Red

HEX
#CC8B9A
RGB
rgb(204, 139, 154)
HSL
hsl(346, 39%, 67%)
HSB
hsb(346, 32%, 80%)
CMYK
cmyk(0%, 32%, 25%, 20%)
Oklch
oklch(70.6% 0.081 4.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FCA19D

Peach Pink · LightSalmon · Coral Red

HEX
#FCA19D
RGB
rgb(252, 161, 157)
HSL
hsl(3, 94%, 80%)
HSB
hsb(3, 38%, 99%)
CMYK
cmyk(0%, 36%, 38%, 1%)
Oklch
oklch(79.9% 0.109 22.5)

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

#F8CC8A

Goose Yellow · Khaki · Peach Orange

HEX
#F8CC8A
RGB
rgb(248, 204, 138)
HSL
hsl(36, 89%, 76%)
HSB
hsb(36, 44%, 97%)
CMYK
cmyk(0%, 18%, 44%, 3%)
Oklch
oklch(86.9% 0.097 77.1)

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

#E4E6AC

Fresh Green · Wheat · Lemon Cream

HEX
#E4E6AC
RGB
rgb(228, 230, 172)
HSL
hsl(62, 54%, 79%)
HSB
hsb(62, 25%, 90%)
CMYK
cmyk(1%, 0%, 25%, 10%)
Oklch
oklch(90.9% 0.075 109.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1EDE6

Celadon · Lavender · Mint Green

HEX
#E1EDE6
RGB
rgb(225, 237, 230)
HSL
hsl(145, 25%, 91%)
HSB
hsb(145, 5%, 93%)
CMYK
cmyk(5%, 0%, 3%, 7%)
Oklch
oklch(93.5% 0.016 160.6)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC8B9A
8ACCBC

Analogous

CC8ABA
CC8B9A
CC9C8A

Triadic

CC8B9A
99CC8A
8A99CC

Split-Comp.

CC8B9A
8ACC9C
8ABACC

Tetradic

CC8B9A
BACC8A
8ACCBC
9C8ACC

Contrast Matrix WCAG 2.1 Contrast

CC8B9A
FCA19D
F8CC8A
E4E6AC
E1EDE6
—
1.4
Fail
1.8
Fail
2.1
Fail
2.3
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.2
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.3
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
White BG
2.7Fail
2.0Fail
1.5Fail
1.3Fail
1.2Fail
Black BG
7.7AAA
10.7AAA
14.0AAA
16.2AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AF96
D5D49E
E5E59A
E5E5BA
E6E6E8

Deuteranopia

B4B896
DAE19E
E8EB9E
E5E5BD
E6E5E8

Tritanopia

C99493
F79F9F
F6A7A9
E4C5C8
E2E9E9

Achromatopsia

A0A0A0
BCBCBC
D2D2D2
DFDFDF
E9E9E9

Shades & Tints Shades & Tints

#CC8B9A

Dark
Light

#FCA19D

Dark
Light

#F8CC8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc8b9a;
  --color-2: #fca19d;
  --color-3: #f8cc8a;
  --color-4: #e4e6ac;
  --color-5: #e1ede6;
}

SCSS

$color-1: #cc8b9a;
$color-2: #fca19d;
$color-3: #f8cc8a;
$color-4: #e4e6ac;
$color-5: #e1ede6;

TAILWIND

colors: {
  'brand-1': '#cc8b9a',
  'brand-2': '#fca19d',
  'brand-3': '#f8cc8a',
  'brand-4': '#e4e6ac',
  'brand-5': '#e1ede6',
}

RGB Array

[204, 139, 154], [252, 161, 157], [248, 204, 138], [228, 230, 172], [225, 237, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CC8B9A, #FCA19D, #F8CC8A, #E4E6AC, #E1EDE6 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: #cc8b9a; --color-2: #fca19d; --color-3: #f8cc8a; --color-4: #e4e6ac; --color-5: #e1ede6. 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