← Back to Editor

#DA2546 · #ED6C57 · #FADA8F · #C5C02E · #347A62

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

#DA2546

Vermilion · Crimson · Passion Red

HEX
#DA2546
RGB
rgb(218, 37, 70)
HSL
hsl(349, 71%, 50%)
HSB
hsb(349, 83%, 85%)
CMYK
cmyk(0%, 83%, 68%, 15%)
Oklch
oklch(57.7% 0.212 18.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#ED6C57

Peach Pink · Tomato · Coral Red

HEX
#ED6C57
RGB
rgb(237, 108, 87)
HSL
hsl(8, 81%, 64%)
HSB
hsb(8, 63%, 93%)
CMYK
cmyk(0%, 54%, 63%, 7%)
Oklch
oklch(68.3% 0.164 31.1)

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

#FADA8F

Goose Yellow · Khaki · Lemon Cream

HEX
#FADA8F
RGB
rgb(250, 218, 143)
HSL
hsl(42, 91%, 77%)
HSB
hsb(42, 43%, 98%)
CMYK
cmyk(0%, 13%, 43%, 2%)
Oklch
oklch(89.9% 0.100 87.3)

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

#C5C02E

Autumn Sage · GoldenRod · Honey Gold

HEX
#C5C02E
RGB
rgb(197, 192, 46)
HSL
hsl(58, 62%, 48%)
HSB
hsb(58, 77%, 77%)
CMYK
cmyk(0%, 3%, 77%, 23%)
Oklch
oklch(78.8% 0.156 107.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#347A62

Mineral Blue · SeaGreen · Forest Green

HEX
#347A62
RGB
rgb(52, 122, 98)
HSL
hsl(159, 40%, 34%)
HSB
hsb(159, 57%, 48%)
CMYK
cmyk(57%, 0%, 20%, 52%)
Oklch
oklch(52.7% 0.081 168.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA2546
25DAB9

Analogous

DA25A1
DA2546
DA5E25

Triadic

DA2546
46DA25
2546DA

Split-Comp.

DA2546
25DA5E
25A1DA

Tetradic

DA2546
A1DA25
25DAB9
5E25DA

Contrast Matrix WCAG 2.1 Contrast

DA2546
ED6C57
FADA8F
C5C02E
347A62
—
1.6
Fail
3.6
AA Large
2.5
Fail
1.1
Fail
1.6
Fail
—
2.3
Fail
1.6
Fail
1.7
Fail
3.6
AA Large
2.3
Fail
—
1.4
Fail
3.8
AA Large
2.5
Fail
1.6
Fail
1.4
Fail
—
2.7
Fail
1.1
Fail
1.7
Fail
3.8
AA Large
2.7
Fail
—
White BG
4.8AA
3.1AA Large
1.4Fail
1.9Fail
5.1AA
Black BG
4.3AA Large
6.9AA
15.5AAA
11.0AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8A3E
B5B45C
ECECA1
C3C351
525368

Deuteranopia

96A43C
BDC65D
EEF0A6
C3C35A
4E4969

Tritanopia

D13836
E76061
F8AFB3
C56D73
386C6D

Achromatopsia

5F5F5F
909090
DBDBDB
B1B1B1
626262

Shades & Tints Shades & Tints

#DA2546

Dark
Light

#ED6C57

Dark
Light

#FADA8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da2546;
  --color-2: #ed6c57;
  --color-3: #fada8f;
  --color-4: #c5c02e;
  --color-5: #347a62;
}

SCSS

$color-1: #da2546;
$color-2: #ed6c57;
$color-3: #fada8f;
$color-4: #c5c02e;
$color-5: #347a62;

TAILWIND

colors: {
  'brand-1': '#da2546',
  'brand-2': '#ed6c57',
  'brand-3': '#fada8f',
  'brand-4': '#c5c02e',
  'brand-5': '#347a62',
}

RGB Array

[218, 37, 70], [237, 108, 87], [250, 218, 143], [197, 192, 46], [52, 122, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #DA2546, #ED6C57, #FADA8F, #C5C02E, #347A62 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: #da2546; --color-2: #ed6c57; --color-3: #fada8f; --color-4: #c5c02e; --color-5: #347a62. 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