← Back to Editor

#FF8F95 · #FDC7BD · #EFDDD1 · #F1F1D9 · #FDFDFB

spring

A 5-color spring 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

#FF8F95

Peach Pink · LightCoral · Coral Red

HEX
#FF8F95
RGB
rgb(255, 143, 149)
HSL
hsl(357, 100%, 78%)
HSB
hsb(357, 44%, 100%)
CMYK
cmyk(0%, 44%, 42%, 0%)
Oklch
oklch(77.2% 0.135 17.3)

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

#FDC7BD

Peach Pink · Pink · Cherry Blossom

HEX
#FDC7BD
RGB
rgb(253, 199, 189)
HSL
hsl(9, 94%, 87%)
HSB
hsb(9, 25%, 99%)
CMYK
cmyk(0%, 21%, 25%, 1%)
Oklch
oklch(87.5% 0.064 30.4)

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

#EFDDD1

Apricot · Bisque · Peach Orange

HEX
#EFDDD1
RGB
rgb(239, 221, 209)
HSL
hsl(24, 48%, 88%)
HSB
hsb(24, 13%, 94%)
CMYK
cmyk(0%, 8%, 13%, 6%)
Oklch
oklch(90.9% 0.026 56.0)

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

#F1F1D9

Fresh Green · Beige · Lemon Cream

HEX
#F1F1D9
RGB
rgb(241, 241, 217)
HSL
hsl(60, 46%, 90%)
HSB
hsb(60, 10%, 95%)
CMYK
cmyk(0%, 0%, 10%, 5%)
Oklch
oklch(95.2% 0.032 107.0)

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

#FDFDFB

Fresh Green · Snow · Lemon Cream

HEX
#FDFDFB
RGB
rgb(253, 253, 251)
HSL
hsl(60, 33%, 99%)
HSB
hsb(60, 1%, 99%)
CMYK
cmyk(0%, 0%, 1%, 1%)
Oklch
oklch(99.3% 0.003 106.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8F95
8FFFF9

Analogous

FF8FCD
FF8F95
FFC18F

Triadic

FF8F95
94FF8F
8F94FF

Split-Comp.

FF8F95
8FFFC1
8FCDFF

Tetradic

FF8F95
CDFF8F
8FFFF9
C18FFF

Contrast Matrix WCAG 2.1 Contrast

FF8F95
FDC7BD
EFDDD1
F1F1D9
FDFDFB
—
1.5
Fail
1.7
Fail
1.9
Fail
2.1
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.7
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.9
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
2.1
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.2Fail
1.5Fail
1.3Fail
1.1Fail
1.0Fail
Black BG
9.6AAA
14.1AAA
15.9AAA
18.3AAA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCD94
E6E5BF
E7E7D4
F1F1DF
FDFDFB

Deuteranopia

D5DD93
E9EDC0
E8EAD5
F1F1E0
FDFDFC

Tritanopia

F99292
FAC1C2
EED6D7
F1E3E4
FDFCFC

Achromatopsia

B1B1B1
D6D6D6
E1E1E1
EEEEEE
FDFDFD

Shades & Tints Shades & Tints

#FF8F95

Dark
Light

#FDC7BD

Dark
Light

#EFDDD1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8f95;
  --color-2: #fdc7bd;
  --color-3: #efddd1;
  --color-4: #f1f1d9;
  --color-5: #fdfdfb;
}

SCSS

$color-1: #ff8f95;
$color-2: #fdc7bd;
$color-3: #efddd1;
$color-4: #f1f1d9;
$color-5: #fdfdfb;

TAILWIND

colors: {
  'brand-1': '#ff8f95',
  'brand-2': '#fdc7bd',
  'brand-3': '#efddd1',
  'brand-4': '#f1f1d9',
  'brand-5': '#fdfdfb',
}

RGB Array

[255, 143, 149], [253, 199, 189], [239, 221, 209], [241, 241, 217], [253, 253, 251]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FF8F95, #FDC7BD, #EFDDD1, #F1F1D9, #FDFDFB 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: #ff8f95; --color-2: #fdc7bd; --color-3: #efddd1; --color-4: #f1f1d9; --color-5: #fdfdfb. 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 spring-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