← Back to Editor

#7A1E05 · #400314 · #03402F · #999359 · #EBA95E

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

#7A1E05

Vermilion · Maroon · Wine Red

HEX
#7A1E05
RGB
rgb(122, 30, 5)
HSL
hsl(13, 92%, 25%)
HSB
hsb(13, 96%, 48%)
CMYK
cmyk(0%, 75%, 96%, 52%)
Oklch
oklch(38.5% 0.130 34.8)

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

#400314

Dark Violet · Black · Raspberry

HEX
#400314
RGB
rgb(64, 3, 20)
HSL
hsl(343, 91%, 13%)
HSB
hsb(343, 95%, 25%)
CMYK
cmyk(0%, 95%, 69%, 75%)
Oklch
oklch(24.1% 0.091 11.6)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#03402F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#03402F
RGB
rgb(3, 64, 47)
HSL
hsl(163, 91%, 13%)
HSB
hsb(163, 95%, 25%)
CMYK
cmyk(95%, 0%, 27%, 75%)
Oklch
oklch(33.1% 0.065 168.0)

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

#999359

Autumn Sage · Gray · Honey Gold

HEX
#999359
RGB
rgb(153, 147, 89)
HSL
hsl(54, 26%, 47%)
HSB
hsb(54, 42%, 60%)
CMYK
cmyk(0%, 4%, 42%, 40%)
Oklch
oklch(65.5% 0.079 103.2)

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

#EBA95E

Ginger · SandyBrown · Warm Sun

HEX
#EBA95E
RGB
rgb(235, 169, 94)
HSL
hsl(32, 78%, 65%)
HSB
hsb(32, 60%, 92%)
CMYK
cmyk(0%, 28%, 60%, 8%)
Oklch
oklch(78.3% 0.120 68.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A1E05
05617A

Analogous

7A0526
7A1E05
7A5905

Triadic

7A1E05
057A1F
1F057A

Split-Comp.

7A1E05
057A59
05267A

Tetradic

7A1E05
267A05
05617A
59057A

Contrast Matrix WCAG 2.1 Contrast

7A1E05
400314
03402F
999359
EBA95E
—
1.6
Fail
1.1
Fail
3.3
AA Large
5.1
AA
1.6
Fail
—
1.4
Fail
5.4
AA
8.4
AAA
1.1
Fail
1.4
Fail
—
3.8
AA Large
5.8
AA
3.3
AA Large
5.4
AA
3.8
AA Large
—
1.6
Fail
5.1
AA
8.4
AAA
5.8
AA
1.6
Fail
—
White BG
10.4AAA
16.9AAA
11.8AAA
3.1AA Large
2.0Fail
Black BG
2.0Fail
1.2Fail
1.8Fail
6.7AA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

52510B
262510
1D1E33
969667
CECE70

Deuteranopia

585E0D
292E0F
1A1534
97976A
D2D775

Tritanopia

751011
3D0D0C
063637
997275
E87E82

Achromatopsia

373737
171717
2C2C2C
8E8E8E
B4B4B4

Shades & Tints Shades & Tints

#7A1E05

Dark
Light

#400314

Dark
Light

#03402F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a1e05;
  --color-2: #400314;
  --color-3: #03402f;
  --color-4: #999359;
  --color-5: #eba95e;
}

SCSS

$color-1: #7a1e05;
$color-2: #400314;
$color-3: #03402f;
$color-4: #999359;
$color-5: #eba95e;

TAILWIND

colors: {
  'brand-1': '#7a1e05',
  'brand-2': '#400314',
  'brand-3': '#03402f',
  'brand-4': '#999359',
  'brand-5': '#eba95e',
}

RGB Array

[122, 30, 5], [64, 3, 20], [3, 64, 47], [153, 147, 89], [235, 169, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #7A1E05, #400314, #03402F, #999359, #EBA95E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #7a1e05; --color-2: #400314; --color-3: #03402f; --color-4: #999359; --color-5: #eba95e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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