← Back to Editor

#FFDF97 · #FFFFAE · #FEFEF9 · #D4FFEA · #81B0A9

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

#FFDF97

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDF97
RGB
rgb(255, 223, 151)
HSL
hsl(42, 100%, 80%)
HSB
hsb(42, 41%, 100%)
CMYK
cmyk(0%, 13%, 41%, 0%)
Oklch
oklch(91.4% 0.097 86.5)

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

#FFFFAE

Fresh Green · Bisque · Lemon Cream

HEX
#FFFFAE
RGB
rgb(255, 255, 174)
HSL
hsl(60, 100%, 84%)
HSB
hsb(60, 32%, 100%)
CMYK
cmyk(0%, 0%, 32%, 0%)
Oklch
oklch(98.2% 0.101 108.1)

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

#FEFEF9

Fresh Green · Snow · Lemon Cream

HEX
#FEFEF9
RGB
rgb(254, 254, 249)
HSL
hsl(60, 71%, 99%)
HSB
hsb(60, 2%, 100%)
CMYK
cmyk(0%, 0%, 2%, 0%)
Oklch
oklch(99.6% 0.007 106.5)

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

#D4FFEA

Jade · Lavender · Mint Green

HEX
#D4FFEA
RGB
rgb(212, 255, 234)
HSL
hsl(151, 100%, 92%)
HSB
hsb(151, 17%, 100%)
CMYK
cmyk(17%, 0%, 8%, 0%)
Oklch
oklch(96.4% 0.052 164.2)

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

#81B0A9

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#81B0A9
RGB
rgb(129, 176, 169)
HSL
hsl(171, 23%, 60%)
HSB
hsb(171, 27%, 69%)
CMYK
cmyk(27%, 0%, 4%, 31%)
Oklch
oklch(72.2% 0.051 184.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDF97
99B8FF

Analogous

FFAD99
FFDF97
EBFF99

Triadic

FFDF97
99FFE0
E099FF

Split-Comp.

FFDF97
99EBFF
AD99FF

Tetradic

FFDF97
99FFAD
99B8FF
FF99EB

Contrast Matrix WCAG 2.1 Contrast

FFDF97
FFFFAE
FEFEF9
D4FFEA
81B0A9
—
1.2
Fail
1.3
Fail
1.2
Fail
1.9
Fail
1.2
Fail
—
1.0
Fail
1.0
Fail
2.3
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
2.4
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
2.2
Fail
1.9
Fail
2.3
Fail
2.4
Fail
2.2
Fail
—
White BG
1.3Fail
1.0Fail
1.0Fail
1.1Fail
2.4Fail
Black BG
16.3AAA
20.2AAA
20.8AAA
19.3AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1A8
FFFFC2
FEFEFA
E7E7EF
9596AB

Deuteranopia

F3F5AD
FFFFC6
FEFEFB
E4E1F0
938FAB

Tritanopia

FDB6B9
FFD1D4
FEFBFB
D6F3F4
83ACAC

Achromatopsia

E0E0E0
F6F6F6
FDFDFD
F0F0F0
A1A1A1

Shades & Tints Shades & Tints

#FFDF97

Dark
Light

#FFFFAE

Dark
Light

#FEFEF9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdf97;
  --color-2: #ffffae;
  --color-3: #fefef9;
  --color-4: #d4ffea;
  --color-5: #81b0a9;
}

SCSS

$color-1: #ffdf97;
$color-2: #ffffae;
$color-3: #fefef9;
$color-4: #d4ffea;
$color-5: #81b0a9;

TAILWIND

colors: {
  'brand-1': '#ffdf97',
  'brand-2': '#ffffae',
  'brand-3': '#fefef9',
  'brand-4': '#d4ffea',
  'brand-5': '#81b0a9',
}

RGB Array

[255, 223, 151], [255, 255, 174], [254, 254, 249], [212, 255, 234], [129, 176, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FFDF97, #FFFFAE, #FEFEF9, #D4FFEA, #81B0A9 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: #ffdf97; --color-2: #ffffae; --color-3: #fefef9; --color-4: #d4ffea; --color-5: #81b0a9. 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