← Back to Editor

#FFF0E8 · #FBD0C7 · #FFB7C4 · #F982BA · #5F427A

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 AppData Visualization

Color Details Color Details

#FFF0E8

Apricot · Linen · Peach Orange

HEX
#FFF0E8
RGB
rgb(255, 240, 232)
HSL
hsl(21, 100%, 95%)
HSB
hsb(21, 9%, 100%)
CMYK
cmyk(0%, 6%, 9%, 0%)
Oklch
oklch(96.5% 0.019 50.2)

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

#FBD0C7

Peach Pink · Pink · Cherry Blossom

HEX
#FBD0C7
RGB
rgb(251, 208, 199)
HSL
hsl(10, 87%, 88%)
HSB
hsb(10, 21%, 98%)
CMYK
cmyk(0%, 17%, 21%, 2%)
Oklch
oklch(89.2% 0.050 31.8)

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

#FFB7C4

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB7C4
RGB
rgb(255, 183, 196)
HSL
hsl(349, 100%, 86%)
HSB
hsb(349, 28%, 100%)
CMYK
cmyk(0%, 28%, 23%, 0%)
Oklch
oklch(85.0% 0.085 7.1)

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

#F982BA

Rouge · Orchid · Rose Pink

HEX
#F982BA
RGB
rgb(249, 130, 186)
HSL
hsl(332, 91%, 74%)
HSB
hsb(332, 48%, 98%)
CMYK
cmyk(0%, 48%, 25%, 2%)
Oklch
oklch(75.5% 0.157 352.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#5F427A

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5F427A
RGB
rgb(95, 66, 122)
HSL
hsl(271, 30%, 37%)
HSB
hsb(271, 46%, 48%)
CMYK
cmyk(22%, 46%, 0%, 52%)
Oklch
oklch(43.6% 0.095 306.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF0E8
E5F6FF

Analogous

FFE5E9
FFF0E8
FFFBE5

Triadic

FFF0E8
E5FFEE
EEE5FF

Split-Comp.

FFF0E8
E5FFFB
E5E9FF

Tetradic

FFF0E8
E9FFE5
E5F6FF
FBE5FF

Contrast Matrix WCAG 2.1 Contrast

FFF0E8
FBD0C7
FFB7C4
F982BA
5F427A
—
1.3
Fail
1.5
Fail
2.1
Fail
7.4
AAA
1.3
Fail
—
1.2
Fail
1.7
Fail
5.9
AA
1.5
Fail
1.2
Fail
—
1.4
Fail
5.0
AA
2.1
Fail
1.7
Fail
1.4
Fail
—
3.5
AA Large
7.4
AAA
5.9
AA
5.0
AA
3.5
AA Large
—
White BG
1.1Fail
1.4Fail
1.6Fail
2.4Fail
8.2AAA
Black BG
18.9AAA
14.9AAA
12.8AAA
8.9AAA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F8EA
E8E8C9
E0DFC1
C5C4AC
52526C

Deuteranopia

F9FBEA
EBEECA
E4E9C0
CCD5A9
545669

Tritanopia

FEEBEC
F9CBCB
FBBEBE
F3A29F
5E625F

Achromatopsia

F4F4F4
DCDCDC
CECECE
ACACAC
515151

Shades & Tints Shades & Tints

#FFF0E8

Dark
Light

#FBD0C7

Dark
Light

#FFB7C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff0e8;
  --color-2: #fbd0c7;
  --color-3: #ffb7c4;
  --color-4: #f982ba;
  --color-5: #5f427a;
}

SCSS

$color-1: #fff0e8;
$color-2: #fbd0c7;
$color-3: #ffb7c4;
$color-4: #f982ba;
$color-5: #5f427a;

TAILWIND

colors: {
  'brand-1': '#fff0e8',
  'brand-2': '#fbd0c7',
  'brand-3': '#ffb7c4',
  'brand-4': '#f982ba',
  'brand-5': '#5f427a',
}

RGB Array

[255, 240, 232], [251, 208, 199], [255, 183, 196], [249, 130, 186], [95, 66, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF0E8, #FBD0C7, #FFB7C4, #F982BA, #5F427A is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fff0e8; --color-2: #fbd0c7; --color-3: #ffb7c4; --color-4: #f982ba; --color-5: #5f427a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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