← Back to Editor

#7ADDBE · #DB5899 · #F5778D · #F4A887 · #F2D469

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

#7ADDBE

Jade · MediumAquaMarine · Lake Green

HEX
#7ADDBE
RGB
rgb(122, 221, 190)
HSL
hsl(161, 59%, 67%)
HSB
hsb(161, 45%, 87%)
CMYK
cmyk(45%, 0%, 14%, 13%)
Oklch
oklch(82.8% 0.104 171.2)

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

#DB5899

Dark Violet · LightCoral · Rose Pink

HEX
#DB5899
RGB
rgb(219, 88, 153)
HSL
hsl(330, 65%, 60%)
HSB
hsb(330, 60%, 86%)
CMYK
cmyk(0%, 60%, 30%, 14%)
Oklch
oklch(64.8% 0.177 352.3)

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

#F5778D

Peach Pink · LightCoral · Coral Red

HEX
#F5778D
RGB
rgb(245, 119, 141)
HSL
hsl(350, 86%, 71%)
HSB
hsb(350, 51%, 96%)
CMYK
cmyk(0%, 51%, 42%, 4%)
Oklch
oklch(72.1% 0.155 10.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F4A887

Apricot · LightSalmon · Warm Sun

HEX
#F4A887
RGB
rgb(244, 168, 135)
HSL
hsl(18, 83%, 74%)
HSB
hsb(18, 45%, 96%)
CMYK
cmyk(0%, 31%, 45%, 4%)
Oklch
oklch(79.7% 0.101 44.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F2D469

Ginger · Khaki · Sunflower

HEX
#F2D469
RGB
rgb(242, 212, 105)
HSL
hsl(47, 84%, 68%)
HSB
hsb(47, 57%, 95%)
CMYK
cmyk(0%, 12%, 57%, 5%)
Oklch
oklch(87.4% 0.131 93.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7ADDBE
DC7999

Analogous

79DC8B
7ADDBE
79CADC

Triadic

7ADDBE
BD79DC
DCBD79

Split-Comp.

7ADDBE
DC79CA
DC8B79

Tetradic

7ADDBE
8B79DC
DC7999
CADC79

Contrast Matrix WCAG 2.1 Contrast

7ADDBE
DB5899
F5778D
F4A887
F2D469
—
2.2
Fail
1.6
Fail
1.2
Fail
1.1
Fail
2.2
Fail
—
1.3
Fail
1.8
Fail
2.5
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
1.2
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
White BG
1.6Fail
3.6AA Large
2.7Fail
1.9Fail
1.5Fail
Black BG
12.9AAA
5.9AA
7.9AAA
10.8AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A6C6
A2A189
BEBD88
D3D28F
E5E583

Deuteranopia

9F98C7
AAB486
C6CF86
D8DD91
E7E989

Tritanopia

7FCBCD
D47D7A
EF8383
F09597
F0979C

Achromatopsia

BCBCBC
878787
9F9F9F
BBBBBB
D1D1D1

Shades & Tints Shades & Tints

#7ADDBE

Dark
Light

#DB5899

Dark
Light

#F5778D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7addbe;
  --color-2: #db5899;
  --color-3: #f5778d;
  --color-4: #f4a887;
  --color-5: #f2d469;
}

SCSS

$color-1: #7addbe;
$color-2: #db5899;
$color-3: #f5778d;
$color-4: #f4a887;
$color-5: #f2d469;

TAILWIND

colors: {
  'brand-1': '#7addbe',
  'brand-2': '#db5899',
  'brand-3': '#f5778d',
  'brand-4': '#f4a887',
  'brand-5': '#f2d469',
}

RGB Array

[122, 221, 190], [219, 88, 153], [245, 119, 141], [244, 168, 135], [242, 212, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #7ADDBE, #DB5899, #F5778D, #F4A887, #F2D469 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: #7addbe; --color-2: #db5899; --color-3: #f5778d; --color-4: #f4a887; --color-5: #f2d469. 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