← Back to Editor

#FDFDF5 · #090401 · #82A805 · #74F2E1 · #E6226A

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 AppData Visualization

Color Details Color Details

#FDFDF5

Fresh Green · Snow · Lemon Cream

HEX
#FDFDF5
RGB
rgb(253, 253, 245)
HSL
hsl(60, 67%, 98%)
HSB
hsb(60, 3%, 99%)
CMYK
cmyk(0%, 0%, 3%, 1%)
Oklch
oklch(99.2% 0.011 106.6)

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

#090401

Tangerine · Black · Cinnamon

HEX
#090401
RGB
rgb(9, 4, 1)
HSL
hsl(23, 80%, 2%)
HSB
hsb(23, 89%, 4%)
CMYK
cmyk(0%, 56%, 89%, 96%)
Oklch
oklch(11.5% 0.019 66.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#82A805

Grass Green · Olive · Forest Green

HEX
#82A805
RGB
rgb(130, 168, 5)
HSL
hsl(74, 94%, 34%)
HSB
hsb(74, 97%, 66%)
CMYK
cmyk(23%, 0%, 97%, 34%)
Oklch
oklch(67.9% 0.168 124.3)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#74F2E1

Jade · SkyBlue · Lake Green

HEX
#74F2E1
RGB
rgb(116, 242, 225)
HSL
hsl(172, 83%, 70%)
HSB
hsb(172, 52%, 95%)
CMYK
cmyk(52%, 0%, 7%, 5%)
Oklch
oklch(88.5% 0.116 183.7)

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

#E6226A

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E6226A
RGB
rgb(230, 34, 106)
HSL
hsl(338, 80%, 52%)
HSB
hsb(338, 85%, 90%)
CMYK
cmyk(0%, 85%, 54%, 10%)
Oklch
oklch(60.4% 0.226 7.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFDF5
F6F6FD

Analogous

FDFAF6
FDFDF5
FAFDF6

Triadic

FDFDF5
F6FDFD
FDF6FD

Split-Comp.

FDFDF5
F6FAFD
FAF6FD

Tetradic

FDFDF5
F6FDFA
F6F6FD
FDF6FA

Contrast Matrix WCAG 2.1 Contrast

FDFDF5
090401
82A805
74F2E1
E6226A
—
20.0
AAA
2.7
Fail
1.3
Fail
4.3
AA Large
20.0
AAA
—
7.3
AAA
15.1
AAA
4.7
AA
2.7
Fail
7.3
AAA
—
2.1
Fail
1.6
Fail
1.3
Fail
15.1
AAA
2.1
Fail
—
3.2
AA Large
4.3
AA Large
4.7
AA
1.6
Fail
3.2
AA Large
—
White BG
1.0Fail
20.4AAA
2.8Fail
1.4Fail
4.4AA Large
Black BG
20.5AAA
1.0Fail
7.6AAA
15.5AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDF7
070702
92932C
ABACE5
918F59

Deuteranopia

FDFDF7
070802
908D36
A39AE6
9DAB54

Tritanopia

FDF8F9
090202
844C52
7AE8E9
DC4B48

Achromatopsia

FCFCFC
050505
8A8A8A
CACACA
656565

Shades & Tints Shades & Tints

#FDFDF5

Dark
Light

#090401

Dark
Light

#82A805

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfdf5;
  --color-2: #090401;
  --color-3: #82a805;
  --color-4: #74f2e1;
  --color-5: #e6226a;
}

SCSS

$color-1: #fdfdf5;
$color-2: #090401;
$color-3: #82a805;
$color-4: #74f2e1;
$color-5: #e6226a;

TAILWIND

colors: {
  'brand-1': '#fdfdf5',
  'brand-2': '#090401',
  'brand-3': '#82a805',
  'brand-4': '#74f2e1',
  'brand-5': '#e6226a',
}

RGB Array

[253, 253, 245], [9, 4, 1], [130, 168, 5], [116, 242, 225], [230, 34, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FDFDF5, #090401, #82A805, #74F2E1, #E6226A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fdfdf5; --color-2: #090401; --color-3: #82a805; --color-4: #74f2e1; --color-5: #e6226a. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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