← Back to Editor

#F1EFFE · #FF8394 · #FB9787 · #FA748F · #FDF9FE

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

#F1EFFE

Wisteria · Lavender · Sky Blue

HEX
#F1EFFE
RGB
rgb(241, 239, 254)
HSL
hsl(248, 88%, 97%)
HSB
hsb(248, 6%, 100%)
CMYK
cmyk(5%, 6%, 0%, 0%)
Oklch
oklch(95.8% 0.020 292.1)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#FF8394

Peach Pink · LightCoral · Coral Red

HEX
#FF8394
RGB
rgb(255, 131, 148)
HSL
hsl(352, 100%, 76%)
HSB
hsb(352, 49%, 100%)
CMYK
cmyk(0%, 49%, 42%, 0%)
Oklch
oklch(75.3% 0.151 12.8)

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

#FB9787

Peach Pink · LightSalmon · Coral Red

HEX
#FB9787
RGB
rgb(251, 151, 135)
HSL
hsl(8, 94%, 76%)
HSB
hsb(8, 46%, 98%)
CMYK
cmyk(0%, 40%, 46%, 2%)
Oklch
oklch(77.6% 0.123 29.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FA748F

Peach Pink · LightCoral · Coral Red

HEX
#FA748F
RGB
rgb(250, 116, 143)
HSL
hsl(348, 93%, 72%)
HSB
hsb(348, 54%, 98%)
CMYK
cmyk(0%, 54%, 43%, 2%)
Oklch
oklch(72.4% 0.165 9.6)

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

#FDF9FE

Lilac · Snow · Lavender

HEX
#FDF9FE
RGB
rgb(253, 249, 254)
HSL
hsl(288, 71%, 99%)
HSB
hsb(288, 2%, 100%)
CMYK
cmyk(0%, 2%, 0%, 0%)
Oklch
oklch(98.7% 0.008 319.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EFFE
FCFEF1

Analogous

F1F6FE
F1EFFE
F9F1FE

Triadic

F1EFFE
FEF2F1
F1FEF2

Split-Comp.

F1EFFE
FEF9F1
F6FEF1

Tetradic

F1EFFE
FEF1F6
FCFEF1
F1FEF9

Contrast Matrix WCAG 2.1 Contrast

F1EFFE
FF8394
FB9787
FA748F
FDF9FE
—
2.1
Fail
1.9
Fail
2.3
Fail
1.1
Fail
2.1
Fail
—
1.1
Fail
1.1
Fail
2.3
Fail
1.9
Fail
1.1
Fail
—
1.2
Fail
2.0
Fail
2.3
Fail
1.1
Fail
1.2
Fail
—
2.5
Fail
1.1
Fail
2.3
Fail
2.0
Fail
2.5
Fail
—
White BG
1.1Fail
2.4Fail
2.1Fail
2.6Fail
1.0Fail
Black BG
18.5AAA
8.9AAA
9.9AAA
8.0AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0FA
C9C890
D0CF8B
C0BF88
FBFBFD

Deuteranopia

F0F0FA
D1DA8F
D6DD8C
C8D287
FCFCFD

Tritanopia

F1F8F7
F98D8C
F68E8F
F38382
FDFCFC

Achromatopsia

F1F1F1
AAAAAA
B3B3B3
9F9F9F
FBFBFB

Shades & Tints Shades & Tints

#F1EFFE

Dark
Light

#FF8394

Dark
Light

#FB9787

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1effe;
  --color-2: #ff8394;
  --color-3: #fb9787;
  --color-4: #fa748f;
  --color-5: #fdf9fe;
}

SCSS

$color-1: #f1effe;
$color-2: #ff8394;
$color-3: #fb9787;
$color-4: #fa748f;
$color-5: #fdf9fe;

TAILWIND

colors: {
  'brand-1': '#f1effe',
  'brand-2': '#ff8394',
  'brand-3': '#fb9787',
  'brand-4': '#fa748f',
  'brand-5': '#fdf9fe',
}

RGB Array

[241, 239, 254], [255, 131, 148], [251, 151, 135], [250, 116, 143], [253, 249, 254]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1EFFE, #FF8394, #FB9787, #FA748F, #FDF9FE 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: #f1effe; --color-2: #ff8394; --color-3: #fb9787; --color-4: #fa748f; --color-5: #fdf9fe. 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