← Back to Editor

#EFFF5A · #A8FF6E · #87D4D6 · #22B8BD · #978462

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

#EFFF5A

Fresh Green · Khaki · Sunflower

HEX
#EFFF5A
RGB
rgb(239, 255, 90)
HSL
hsl(66, 100%, 68%)
HSB
hsb(66, 65%, 100%)
CMYK
cmyk(6%, 0%, 65%, 0%)
Oklch
oklch(95.9% 0.184 114.6)

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

#A8FF6E

Emerald · LightGreen · Apple Green

HEX
#A8FF6E
RGB
rgb(168, 255, 110)
HSL
hsl(96, 100%, 72%)
HSB
hsb(96, 57%, 100%)
CMYK
cmyk(34%, 0%, 57%, 0%)
Oklch
oklch(91.5% 0.198 134.6)

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

#87D4D6

Sky Blue · SkyBlue · Lake Green

HEX
#87D4D6
RGB
rgb(135, 212, 214)
HSL
hsl(182, 49%, 68%)
HSB
hsb(182, 37%, 84%)
CMYK
cmyk(37%, 1%, 0%, 16%)
Oklch
oklch(82.1% 0.076 197.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#22B8BD

Lake Blue · LightSeaGreen · Mint Ice

HEX
#22B8BD
RGB
rgb(34, 184, 189)
HSL
hsl(182, 70%, 44%)
HSB
hsb(182, 82%, 74%)
CMYK
cmyk(82%, 3%, 0%, 26%)
Oklch
oklch(71.3% 0.116 198.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#978462

Ochre · Gray · Amber Brown

HEX
#978462
RGB
rgb(151, 132, 98)
HSL
hsl(38, 21%, 49%)
HSB
hsb(38, 35%, 59%)
CMYK
cmyk(0%, 13%, 35%, 41%)
Oklch
oklch(62.2% 0.053 81.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFFF5A
6C5CFF

Analogous

FFBE5C
EFFF5A
9DFF5C

Triadic

EFFF5A
5CEFFF
FF5CEF

Split-Comp.

EFFF5A
5C9DFF
BE5CFF

Tetradic

EFFF5A
5CFFBE
6C5CFF
FF5C9D

Contrast Matrix WCAG 2.1 Contrast

EFFF5A
A8FF6E
87D4D6
22B8BD
978462
—
1.1
Fail
1.5
Fail
2.2
Fail
3.3
AA Large
1.1
Fail
—
1.4
Fail
2.0
Fail
3.0
Fail
1.5
Fail
1.4
Fail
—
1.4
Fail
2.1
Fail
2.2
Fail
2.0
Fail
1.4
Fail
—
1.5
Fail
3.3
AA Large
3.0
Fail
2.1
Fail
1.5
Fail
—
White BG
1.1Fail
1.2Fail
1.7Fail
2.4Fail
3.6AA Large
Black BG
19.1AAA
17.2AAA
12.4AAA
8.7AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F682
CECE91
A8A9D6
6364BC
8F8F6A

Deuteranopia

F5F48C
C9C29A
A49ED5
5A4FBB
90916C

Tritanopia

F0A1A8
ACADB3
8BD5D5
2ABBBB
967172

Achromatopsia

E7E7E7
D4D4D4
BDBDBD
8C8C8C
868686

Shades & Tints Shades & Tints

#EFFF5A

Dark
Light

#A8FF6E

Dark
Light

#87D4D6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efff5a;
  --color-2: #a8ff6e;
  --color-3: #87d4d6;
  --color-4: #22b8bd;
  --color-5: #978462;
}

SCSS

$color-1: #efff5a;
$color-2: #a8ff6e;
$color-3: #87d4d6;
$color-4: #22b8bd;
$color-5: #978462;

TAILWIND

colors: {
  'brand-1': '#efff5a',
  'brand-2': '#a8ff6e',
  'brand-3': '#87d4d6',
  'brand-4': '#22b8bd',
  'brand-5': '#978462',
}

RGB Array

[239, 255, 90], [168, 255, 110], [135, 212, 214], [34, 184, 189], [151, 132, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #EFFF5A, #A8FF6E, #87D4D6, #22B8BD, #978462 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #efff5a; --color-2: #a8ff6e; --color-3: #87d4d6; --color-4: #22b8bd; --color-5: #978462. 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. 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