← Back to Editor

#FFBBAD · #FD7489 · #DABEA4 · #FDE2D9 · #E8F9E4

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

#FFBBAD

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBBAD
RGB
rgb(255, 187, 173)
HSL
hsl(10, 100%, 84%)
HSB
hsb(10, 32%, 100%)
CMYK
cmyk(0%, 27%, 32%, 0%)
Oklch
oklch(85.1% 0.082 31.9)

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

#FD7489

Peach Pink · LightCoral · Coral Red

HEX
#FD7489
RGB
rgb(253, 116, 137)
HSL
hsl(351, 97%, 72%)
HSB
hsb(351, 54%, 99%)
CMYK
cmyk(0%, 54%, 46%, 1%)
Oklch
oklch(72.7% 0.168 12.7)

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

#DABEA4

Apricot · Tan · Warm Sun

HEX
#DABEA4
RGB
rgb(218, 190, 164)
HSL
hsl(29, 42%, 75%)
HSB
hsb(29, 25%, 85%)
CMYK
cmyk(0%, 13%, 25%, 15%)
Oklch
oklch(81.9% 0.048 65.0)

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

#FDE2D9

Apricot · Linen · Peach Orange

HEX
#FDE2D9
RGB
rgb(253, 226, 217)
HSL
hsl(15, 90%, 92%)
HSB
hsb(15, 14%, 99%)
CMYK
cmyk(0%, 11%, 14%, 1%)
Oklch
oklch(93.2% 0.032 39.3)

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

#E8F9E4

Emerald · Beige · Mint Green

HEX
#E8F9E4
RGB
rgb(232, 249, 228)
HSL
hsl(109, 64%, 94%)
HSB
hsb(109, 8%, 98%)
CMYK
cmyk(7%, 0%, 8%, 2%)
Oklch
oklch(96.4% 0.033 139.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFBBAD
ADF1FF

Analogous

FFADC9
FFBBAD
FFE4AD

Triadic

FFBBAD
ADFFBB
BBADFF

Split-Comp.

FFBBAD
ADFFE4
ADC9FF

Tetradic

FFBBAD
C9FFAD
ADF1FF
E4ADFF

Contrast Matrix WCAG 2.1 Contrast

FFBBAD
FD7489
DABEA4
FDE2D9
E8F9E4
—
1.6
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
—
1.5
Fail
2.1
Fail
2.4
Fail
1.1
Fail
1.5
Fail
—
1.4
Fail
1.6
Fail
1.3
Fail
2.1
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
2.4
Fail
1.6
Fail
1.1
Fail
—
White BG
1.6Fail
2.6Fail
1.8Fail
1.2Fail
1.1Fail
Black BG
13.0AAA
8.0AAA
11.9AAA
17.1AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E1B0
C2C084
CECEAA
F1F1DB
EFF0E9

Deuteranopia

E6EBB1
CAD483
D0D2AC
F3F5DC
EEEDEA

Tritanopia

FCB3B4
F6807F
D9AFB0
FCDDDD
E9EDEE

Achromatopsia

CECECE
9F9F9F
C3C3C3
E9E9E9
F2F2F2

Shades & Tints Shades & Tints

#FFBBAD

Dark
Light

#FD7489

Dark
Light

#DABEA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffbbad;
  --color-2: #fd7489;
  --color-3: #dabea4;
  --color-4: #fde2d9;
  --color-5: #e8f9e4;
}

SCSS

$color-1: #ffbbad;
$color-2: #fd7489;
$color-3: #dabea4;
$color-4: #fde2d9;
$color-5: #e8f9e4;

TAILWIND

colors: {
  'brand-1': '#ffbbad',
  'brand-2': '#fd7489',
  'brand-3': '#dabea4',
  'brand-4': '#fde2d9',
  'brand-5': '#e8f9e4',
}

RGB Array

[255, 187, 173], [253, 116, 137], [218, 190, 164], [253, 226, 217], [232, 249, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFBBAD, #FD7489, #DABEA4, #FDE2D9, #E8F9E4 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: #ffbbad; --color-2: #fd7489; --color-3: #dabea4; --color-4: #fde2d9; --color-5: #e8f9e4. 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