← Back to Editor

#FFC1B4 · #F5D1C1 · #E3F8C0 · #C0EF93 · #88C8AD

spring

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

#FFC1B4

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC1B4
RGB
rgb(255, 193, 180)
HSL
hsl(10, 100%, 85%)
HSB
hsb(10, 29%, 100%)
CMYK
cmyk(0%, 24%, 29%, 0%)
Oklch
oklch(86.4% 0.074 32.0)

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

#F5D1C1

Apricot · Wheat · Peach Orange

HEX
#F5D1C1
RGB
rgb(245, 209, 193)
HSL
hsl(18, 72%, 86%)
HSB
hsb(18, 21%, 96%)
CMYK
cmyk(0%, 15%, 21%, 4%)
Oklch
oklch(88.7% 0.046 45.4)

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

#E3F8C0

Willow Green · Beige · Mint Green

HEX
#E3F8C0
RGB
rgb(227, 248, 192)
HSL
hsl(83, 80%, 86%)
HSB
hsb(83, 23%, 97%)
CMYK
cmyk(8%, 0%, 23%, 3%)
Oklch
oklch(95.0% 0.076 124.5)

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

#C0EF93

Emerald · LightGreen · Apple Green

HEX
#C0EF93
RGB
rgb(192, 239, 147)
HSL
hsl(91, 74%, 76%)
HSB
hsb(91, 38%, 94%)
CMYK
cmyk(20%, 0%, 38%, 6%)
Oklch
oklch(89.8% 0.129 130.6)

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

#88C8AD

Jade · DarkSeaGreen · Apple Green

HEX
#88C8AD
RGB
rgb(136, 200, 173)
HSL
hsl(155, 37%, 66%)
HSB
hsb(155, 32%, 78%)
CMYK
cmyk(32%, 0%, 13%, 22%)
Oklch
oklch(78.2% 0.076 166.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC1B4
B3F2FF

Analogous

FFB3CC
FFC1B4
FFE6B3

Triadic

FFC1B4
B3FFBF
BFB3FF

Split-Comp.

FFC1B4
B3FFE5
B3CCFF

Tetradic

FFC1B4
CCFFB3
B3F2FF
E6B3FF

Contrast Matrix WCAG 2.1 Contrast

FFC1B4
F5D1C1
E3F8C0
C0EF93
88C8AD
—
1.1
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.5
Fail
1.2
Fail
1.4
Fail
1.7
Fail
1.5
Fail
—
White BG
1.6Fail
1.4Fail
1.1Fail
1.3Fail
1.9Fail
Black BG
13.5AAA
14.8AAA
18.5AAA
16.0AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4B7
E5E5C5
ECECCE
D4D5A9
A4A4B4

Deuteranopia

E8ECB8
E8EAC6
EBE9D1
D2CEAF
A09BB5

Tritanopia

FCBABA
F3C8C9
E4D8DB
C2BBBF
8BB9BA

Achromatopsia

D2D2D2
DADADA
EBEBEB
D6D6D6
B2B2B2

Shades & Tints Shades & Tints

#FFC1B4

Dark
Light

#F5D1C1

Dark
Light

#E3F8C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc1b4;
  --color-2: #f5d1c1;
  --color-3: #e3f8c0;
  --color-4: #c0ef93;
  --color-5: #88c8ad;
}

SCSS

$color-1: #ffc1b4;
$color-2: #f5d1c1;
$color-3: #e3f8c0;
$color-4: #c0ef93;
$color-5: #88c8ad;

TAILWIND

colors: {
  'brand-1': '#ffc1b4',
  'brand-2': '#f5d1c1',
  'brand-3': '#e3f8c0',
  'brand-4': '#c0ef93',
  'brand-5': '#88c8ad',
}

RGB Array

[255, 193, 180], [245, 209, 193], [227, 248, 192], [192, 239, 147], [136, 200, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FFC1B4, #F5D1C1, #E3F8C0, #C0EF93, #88C8AD 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: #ffc1b4; --color-2: #f5d1c1; --color-3: #e3f8c0; --color-4: #c0ef93; --color-5: #88c8ad. 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