← Back to Editor

#FEFBBF · #FFF3FA · #FFDDE3 · #FEC9DB · #FFA3B9

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

#FEFBBF

Fresh Green · Bisque · Lemon Cream

HEX
#FEFBBF
RGB
rgb(254, 251, 191)
HSL
hsl(57, 97%, 87%)
HSB
hsb(57, 25%, 100%)
CMYK
cmyk(0%, 1%, 25%, 0%)
Oklch
oklch(97.6% 0.077 105.3)

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

#FFF3FA

Mauve · Snow · Cherry Blossom

HEX
#FFF3FA
RGB
rgb(255, 243, 250)
HSL
hsl(325, 100%, 98%)
HSB
hsb(325, 5%, 100%)
CMYK
cmyk(0%, 5%, 2%, 0%)
Oklch
oklch(97.5% 0.016 341.4)

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

#FFDDE3

Peach Pink · Linen · Cherry Blossom

HEX
#FFDDE3
RGB
rgb(255, 221, 227)
HSL
hsl(349, 100%, 93%)
HSB
hsb(349, 13%, 100%)
CMYK
cmyk(0%, 13%, 11%, 0%)
Oklch
oklch(92.7% 0.038 5.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FEC9DB

Rouge · Pink · Cherry Blossom

HEX
#FEC9DB
RGB
rgb(254, 201, 219)
HSL
hsl(340, 96%, 89%)
HSB
hsb(340, 21%, 100%)
CMYK
cmyk(0%, 21%, 14%, 0%)
Oklch
oklch(88.7% 0.064 356.2)

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

#FFA3B9

Peach Pink · LightPink · Cherry Blossom

HEX
#FFA3B9
RGB
rgb(255, 163, 185)
HSL
hsl(346, 100%, 82%)
HSB
hsb(346, 36%, 100%)
CMYK
cmyk(0%, 36%, 27%, 0%)
Oklch
oklch(81.3% 0.112 4.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFBBF
BEC1FE

Analogous

FEDBBE
FEFBBF
E1FEBE

Triadic

FEFBBF
BEFEFB
FBBEFE

Split-Comp.

FEFBBF
BEE1FE
DBBEFE

Tetradic

FEFBBF
BEFEDB
BEC1FE
FEBEE1

Contrast Matrix WCAG 2.1 Contrast

FEFBBF
FFF3FA
FFDDE3
FEC9DB
FFA3B9
—
1.0
Fail
1.2
Fail
1.4
Fail
1.8
Fail
1.0
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.8
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.1Fail
1.1Fail
1.3Fail
1.4Fail
1.9Fail
Black BG
19.8AAA
19.5AAA
16.7AAA
14.6AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDCE
FAFAF8
F0F0E2
E7E7D7
D7D6B4

Deuteranopia

FDFDD1
FBFBF8
F2F5E1
EAEED6
DDE3B2

Tritanopia

FED9DC
FEF7F7
FDE0E0
FBD3D2
FAAFAF

Achromatopsia

F5F5F5
F7F7F7
E8E8E8
DBDBDB
C1C1C1

Shades & Tints Shades & Tints

#FEFBBF

Dark
Light

#FFF3FA

Dark
Light

#FFDDE3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefbbf;
  --color-2: #fff3fa;
  --color-3: #ffdde3;
  --color-4: #fec9db;
  --color-5: #ffa3b9;
}

SCSS

$color-1: #fefbbf;
$color-2: #fff3fa;
$color-3: #ffdde3;
$color-4: #fec9db;
$color-5: #ffa3b9;

TAILWIND

colors: {
  'brand-1': '#fefbbf',
  'brand-2': '#fff3fa',
  'brand-3': '#ffdde3',
  'brand-4': '#fec9db',
  'brand-5': '#ffa3b9',
}

RGB Array

[254, 251, 191], [255, 243, 250], [255, 221, 227], [254, 201, 219], [255, 163, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFBBF, #FFF3FA, #FFDDE3, #FEC9DB, #FFA3B9 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: #fefbbf; --color-2: #fff3fa; --color-3: #ffdde3; --color-4: #fec9db; --color-5: #ffa3b9. 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