← Back to Editor

#F07D9A · #E0AEE9 · #FFF3F3 · #B8E9D3 · #B3D672

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

#F07D9A

Peach Pink · LightCoral · Coral Red

HEX
#F07D9A
RGB
rgb(240, 125, 154)
HSL
hsl(345, 79%, 72%)
HSB
hsb(345, 48%, 94%)
CMYK
cmyk(0%, 48%, 36%, 6%)
Oklch
oklch(72.7% 0.144 5.3)

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

#E0AEE9

Lilac · LightGray · Lilac Purple

HEX
#E0AEE9
RGB
rgb(224, 174, 233)
HSL
hsl(291, 57%, 80%)
HSB
hsb(291, 25%, 91%)
CMYK
cmyk(4%, 25%, 0%, 9%)
Oklch
oklch(81.5% 0.097 321.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#FFF3F3

Peach Pink · SeaShell · Cherry Blossom

HEX
#FFF3F3
RGB
rgb(255, 243, 243)
HSL
hsl(0, 100%, 98%)
HSB
hsb(0, 5%, 100%)
CMYK
cmyk(0%, 5%, 5%, 0%)
Oklch
oklch(97.4% 0.013 17.4)

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

#B8E9D3

Jade · LightBlue · Mint Green

HEX
#B8E9D3
RGB
rgb(184, 233, 211)
HSL
hsl(153, 53%, 82%)
HSB
hsb(153, 21%, 91%)
CMYK
cmyk(21%, 0%, 9%, 9%)
Oklch
oklch(89.4% 0.059 165.9)

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

#B3D672

Willow Green · LightGreen · Apple Green

HEX
#B3D672
RGB
rgb(179, 214, 114)
HSL
hsl(81, 55%, 64%)
HSB
hsb(81, 47%, 84%)
CMYK
cmyk(16%, 0%, 47%, 16%)
Oklch
oklch(82.9% 0.133 125.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F07D9A
7FF0D4

Analogous

F07FD4
F07D9A
F09B7F

Triadic

F07D9A
9BF07F
7F9BF0

Split-Comp.

F07D9A
7FF09B
7FD4F0

Tetradic

F07D9A
D4F07F
7FF0D4
9B7FF0

Contrast Matrix WCAG 2.1 Contrast

F07D9A
E0AEE9
FFF3F3
B8E9D3
B3D672
—
1.4
Fail
2.4
Fail
1.9
Fail
1.6
Fail
1.4
Fail
—
1.7
Fail
1.4
Fail
1.1
Fail
2.4
Fail
1.7
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
White BG
2.6Fail
1.8Fail
1.1Fail
1.3Fail
1.6Fail
Black BG
8.1AAA
11.4AAA
19.4AAA
15.6AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD93
CACADB
FAFAF3
CDCED8
C2C28A

Deuteranopia

C5CE91
CDD1D7
FBFBF3
CAC7DA
C0BE90

Tritanopia

EA8D8C
DDCFCD
FEF3F3
BADDDD
B59DA2

Achromatopsia

A3A3A3
C4C4C4
F7F7F7
D8D8D8
C0C0C0

Shades & Tints Shades & Tints

#F07D9A

Dark
Light

#E0AEE9

Dark
Light

#FFF3F3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f07d9a;
  --color-2: #e0aee9;
  --color-3: #fff3f3;
  --color-4: #b8e9d3;
  --color-5: #b3d672;
}

SCSS

$color-1: #f07d9a;
$color-2: #e0aee9;
$color-3: #fff3f3;
$color-4: #b8e9d3;
$color-5: #b3d672;

TAILWIND

colors: {
  'brand-1': '#f07d9a',
  'brand-2': '#e0aee9',
  'brand-3': '#fff3f3',
  'brand-4': '#b8e9d3',
  'brand-5': '#b3d672',
}

RGB Array

[240, 125, 154], [224, 174, 233], [255, 243, 243], [184, 233, 211], [179, 214, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F07D9A, #E0AEE9, #FFF3F3, #B8E9D3, #B3D672 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: #f07d9a; --color-2: #e0aee9; --color-3: #fff3f3; --color-4: #b8e9d3; --color-5: #b3d672. 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