← Back to Editor

#F78D92 · #FCB794 · #F5E697 · #B2F1AE · #72D8C4

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F78D92

Peach Pink · LightCoral · Coral Red

HEX
#F78D92
RGB
rgb(247, 141, 146)
HSL
hsl(357, 87%, 76%)
HSB
hsb(357, 43%, 97%)
CMYK
cmyk(0%, 43%, 41%, 3%)
Oklch
oklch(75.8% 0.129 17.6)

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

#FCB794

Apricot · BurlyWood · Peach Orange

HEX
#FCB794
RGB
rgb(252, 183, 148)
HSL
hsl(20, 95%, 78%)
HSB
hsb(20, 41%, 99%)
CMYK
cmyk(0%, 27%, 41%, 1%)
Oklch
oklch(83.5% 0.093 47.9)

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

#F5E697

Fresh Green · Khaki · Lemon Cream

HEX
#F5E697
RGB
rgb(245, 230, 151)
HSL
hsl(50, 82%, 78%)
HSB
hsb(50, 38%, 96%)
CMYK
cmyk(0%, 6%, 38%, 4%)
Oklch
oklch(91.9% 0.100 98.8)

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

#B2F1AE

Emerald · LightGreen · Mint Green

HEX
#B2F1AE
RGB
rgb(178, 241, 174)
HSL
hsl(116, 71%, 81%)
HSB
hsb(116, 28%, 95%)
CMYK
cmyk(26%, 0%, 28%, 5%)
Oklch
oklch(89.9% 0.110 143.1)

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

#72D8C4

Jade · MediumAquaMarine · Lake Green

HEX
#72D8C4
RGB
rgb(114, 216, 196)
HSL
hsl(168, 57%, 65%)
HSB
hsb(168, 47%, 85%)
CMYK
cmyk(47%, 0%, 9%, 15%)
Oklch
oklch(81.5% 0.101 179.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F78D92
8DF7F2

Analogous

F78DC7
F78D92
F7BC8D

Triadic

F78D92
92F78D
8D92F7

Split-Comp.

F78D92
8DF7BC
8DC7F7

Tetradic

F78D92
C7F78D
8DF7F2
BC8DF7

Contrast Matrix WCAG 2.1 Contrast

F78D92
FCB794
F5E697
B2F1AE
72D8C4
—
1.3
Fail
1.8
Fail
1.8
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
1.0
Fail
1.8
Fail
1.3
Fail
—
1.0
Fail
1.3
Fail
1.8
Fail
1.3
Fail
1.0
Fail
—
1.3
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
White BG
2.3Fail
1.7Fail
1.3Fail
1.3Fail
1.7Fail
Black BG
9.2AAA
12.3AAA
16.6AAA
16.1AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C891
DEDE9C
EFEEAA
CDCEBE
9E9FC9

Deuteranopia

CFD791
E2E79F
EFF1AF
CAC5C2
9891CA

Tritanopia

F29090
F9A3A5
F4B9BD
B5CBCE
77CDCE

Achromatopsia

ADADAD
C8C8C8
E1E1E1
D7D7D7
B7B7B7

Shades & Tints Shades & Tints

#F78D92

Dark
Light

#FCB794

Dark
Light

#F5E697

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f78d92;
  --color-2: #fcb794;
  --color-3: #f5e697;
  --color-4: #b2f1ae;
  --color-5: #72d8c4;
}

SCSS

$color-1: #f78d92;
$color-2: #fcb794;
$color-3: #f5e697;
$color-4: #b2f1ae;
$color-5: #72d8c4;

TAILWIND

colors: {
  'brand-1': '#f78d92',
  'brand-2': '#fcb794',
  'brand-3': '#f5e697',
  'brand-4': '#b2f1ae',
  'brand-5': '#72d8c4',
}

RGB Array

[247, 141, 146], [252, 183, 148], [245, 230, 151], [178, 241, 174], [114, 216, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F78D92, #FCB794, #F5E697, #B2F1AE, #72D8C4 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: #f78d92; --color-2: #fcb794; --color-3: #f5e697; --color-4: #b2f1ae; --color-5: #72d8c4. 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