← Back to Editor

#EFFDB2 · #FFE483 · #FFBC79 · #DC7A61 · #6A463A

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

Color Details Color Details

#EFFDB2

Willow Green · Wheat · Mint Green

HEX
#EFFDB2
RGB
rgb(239, 253, 178)
HSL
hsl(71, 95%, 85%)
HSB
hsb(71, 30%, 99%)
CMYK
cmyk(6%, 0%, 30%, 1%)
Oklch
oklch(96.6% 0.097 116.8)

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

#FFE483

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE483
RGB
rgb(255, 228, 131)
HSL
hsl(47, 100%, 76%)
HSB
hsb(47, 49%, 100%)
CMYK
cmyk(0%, 11%, 49%, 0%)
Oklch
oklch(92.1% 0.121 94.3)

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

#FFBC79

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFBC79
RGB
rgb(255, 188, 121)
HSL
hsl(30, 100%, 74%)
HSB
hsb(30, 53%, 100%)
CMYK
cmyk(0%, 26%, 53%, 0%)
Oklch
oklch(84.3% 0.114 65.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DC7A61

Peach Pink · Salmon · Coral Red

HEX
#DC7A61
RGB
rgb(220, 122, 97)
HSL
hsl(12, 64%, 62%)
HSB
hsb(12, 56%, 86%)
CMYK
cmyk(0%, 45%, 56%, 14%)
Oklch
oklch(68.3% 0.128 35.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#6A463A

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6A463A
RGB
rgb(106, 70, 58)
HSL
hsl(15, 29%, 32%)
HSB
hsb(15, 45%, 42%)
CMYK
cmyk(0%, 34%, 45%, 58%)
Oklch
oklch(43.2% 0.054 39.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFFDB2
C2B4FD

Analogous

FDE6B4
EFFDB2
CBFDB4

Triadic

EFFDB2
B4F0FD
FDB4F0

Split-Comp.

EFFDB2
B4CBFD
E6B4FD

Tetradic

EFFDB2
B4FDE6
C2B4FD
FDB4CB

Contrast Matrix WCAG 2.1 Contrast

EFFDB2
FFE483
FFBC79
DC7A61
6A463A
—
1.2
Fail
1.5
Fail
2.8
Fail
7.6
AAA
1.2
Fail
—
1.3
Fail
2.4
Fail
6.5
AA
1.5
Fail
1.3
Fail
—
1.8
Fail
5.0
AA
2.8
Fail
2.4
Fail
1.8
Fail
—
2.7
Fail
7.6
AAA
6.5
AA
5.0
AA
2.7
Fail
—
White BG
1.1Fail
1.3Fail
1.7Fail
3.0AA Large
8.2AAA
Black BG
19.4AAA
16.7AAA
12.7AAA
7.0AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5C4
F3F39A
E2E189
B2B167
5A5A3D

Deuteranopia

F4F3C9
F5F7A0
E6EB8D
B7BF69
5D5F3E

Tritanopia

F0D2D6
FEADB1
FC9699
D76C6D
683F40

Achromatopsia

F0F0F0
E1E1E1
C8C8C8
949494
4F4F4F

Shades & Tints Shades & Tints

#EFFDB2

Dark
Light

#FFE483

Dark
Light

#FFBC79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #effdb2;
  --color-2: #ffe483;
  --color-3: #ffbc79;
  --color-4: #dc7a61;
  --color-5: #6a463a;
}

SCSS

$color-1: #effdb2;
$color-2: #ffe483;
$color-3: #ffbc79;
$color-4: #dc7a61;
$color-5: #6a463a;

TAILWIND

colors: {
  'brand-1': '#effdb2',
  'brand-2': '#ffe483',
  'brand-3': '#ffbc79',
  'brand-4': '#dc7a61',
  'brand-5': '#6a463a',
}

RGB Array

[239, 253, 178], [255, 228, 131], [255, 188, 121], [220, 122, 97], [106, 70, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #EFFDB2, #FFE483, #FFBC79, #DC7A61, #6A463A is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #effdb2; --color-2: #ffe483; --color-3: #ffbc79; --color-4: #dc7a61; --color-5: #6a463a. 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. 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