← Back to Editor

#FCCCB3 · #FAD6AC · #F2DEA2 · #E6E39E · #D4E69A

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

#FCCCB3

Apricot · Wheat · Peach Orange

HEX
#FCCCB3
RGB
rgb(252, 204, 179)
HSL
hsl(21, 92%, 85%)
HSB
hsb(21, 29%, 99%)
CMYK
cmyk(0%, 19%, 29%, 1%)
Oklch
oklch(88.1% 0.064 49.0)

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

#FAD6AC

Goose Yellow · Wheat · Peach Orange

HEX
#FAD6AC
RGB
rgb(250, 214, 172)
HSL
hsl(32, 89%, 83%)
HSB
hsb(32, 31%, 98%)
CMYK
cmyk(0%, 14%, 31%, 2%)
Oklch
oklch(89.6% 0.068 71.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F2DEA2

Goose Yellow · Wheat · Lemon Cream

HEX
#F2DEA2
RGB
rgb(242, 222, 162)
HSL
hsl(45, 75%, 79%)
HSB
hsb(45, 33%, 95%)
CMYK
cmyk(0%, 8%, 33%, 5%)
Oklch
oklch(90.3% 0.080 91.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E6E39E

Fresh Green · Khaki · Lemon Cream

HEX
#E6E39E
RGB
rgb(230, 227, 158)
HSL
hsl(57, 59%, 76%)
HSB
hsb(57, 31%, 90%)
CMYK
cmyk(0%, 1%, 31%, 10%)
Oklch
oklch(90.2% 0.088 105.9)

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

#D4E69A

Willow Green · Khaki · Apple Green

HEX
#D4E69A
RGB
rgb(212, 230, 154)
HSL
hsl(74, 60%, 75%)
HSB
hsb(74, 33%, 90%)
CMYK
cmyk(8%, 0%, 33%, 10%)
Oklch
oklch(89.4% 0.100 119.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCCCB3
B6E3FC

Analogous

FCB6C0
FCCCB3
FCF1B6

Triadic

FCCCB3
B6FCCE
CEB6FC

Split-Comp.

FCCCB3
B6FCF1
B6C0FC

Tetradic

FCCCB3
C0FCB6
B6E3FC
F1B6FC

Contrast Matrix WCAG 2.1 Contrast

FCCCB3
FAD6AC
F2DEA2
E6E39E
D4E69A
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
1.5Fail
1.4Fail
1.3Fail
1.3Fail
1.3Fail
Black BG
14.4AAA
15.3AAA
15.7AAA
15.8AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7B9
EAEAB6
E9E9B1
E5E5AF
DCDCAC

Deuteranopia

EAEEBB
EDEFB9
EBECB4
E5E5B3
DBD9B1

Tritanopia

FABEBF
F8BEC0
F1BCBF
E6BCBF
D5BBBE

Achromatopsia

D8D8D8
DCDCDC
DDDDDD
DCDCDC
D8D8D8

Shades & Tints Shades & Tints

#FCCCB3

Dark
Light

#FAD6AC

Dark
Light

#F2DEA2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcccb3;
  --color-2: #fad6ac;
  --color-3: #f2dea2;
  --color-4: #e6e39e;
  --color-5: #d4e69a;
}

SCSS

$color-1: #fcccb3;
$color-2: #fad6ac;
$color-3: #f2dea2;
$color-4: #e6e39e;
$color-5: #d4e69a;

TAILWIND

colors: {
  'brand-1': '#fcccb3',
  'brand-2': '#fad6ac',
  'brand-3': '#f2dea2',
  'brand-4': '#e6e39e',
  'brand-5': '#d4e69a',
}

RGB Array

[252, 204, 179], [250, 214, 172], [242, 222, 162], [230, 227, 158], [212, 230, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FCCCB3, #FAD6AC, #F2DEA2, #E6E39E, #D4E69A 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: #fcccb3; --color-2: #fad6ac; --color-3: #f2dea2; --color-4: #e6e39e; --color-5: #d4e69a. 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