← Back to Editor

#D46E2C · #9EA555 · #7F7B92 · #706D82 · #403A44

spring

A 5-color spring palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D46E2C

Tangerine · Chocolate · Amber Brown

HEX
#D46E2C
RGB
rgb(212, 110, 44)
HSL
hsl(24, 66%, 50%)
HSB
hsb(24, 79%, 83%)
CMYK
cmyk(0%, 48%, 79%, 17%)
Oklch
oklch(64.6% 0.149 49.6)

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

#9EA555

Autumn Sage · Gray · Honey Gold

HEX
#9EA555
RGB
rgb(158, 165, 85)
HSL
hsl(65, 32%, 49%)
HSB
hsb(65, 48%, 65%)
CMYK
cmyk(4%, 0%, 48%, 35%)
Oklch
oklch(69.9% 0.104 113.2)

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

#7F7B92

Deep Indigo · SlateGray · Navy Blue

HEX
#7F7B92
RGB
rgb(127, 123, 146)
HSL
hsl(250, 10%, 53%)
HSB
hsb(250, 16%, 57%)
CMYK
cmyk(13%, 16%, 0%, 43%)
Oklch
oklch(59.4% 0.035 293.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#706D82

Deep Indigo · SlateGray · Warm Gray

HEX
#706D82
RGB
rgb(112, 109, 130)
HSL
hsl(249, 9%, 47%)
HSB
hsb(249, 16%, 51%)
CMYK
cmyk(14%, 16%, 0%, 49%)
Oklch
oklch(54.5% 0.033 291.8)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

#403A44

Dark Plum · DarkSlateGray · Dark Stone

HEX
#403A44
RGB
rgb(64, 58, 68)
HSL
hsl(276, 8%, 25%)
HSB
hsb(276, 15%, 27%)
CMYK
cmyk(6%, 15%, 0%, 73%)
Oklch
oklch(35.8% 0.019 312.0)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D46E2C
2B90D4

Analogous

D42B3C
D46E2C
D4C32B

Triadic

D46E2C
2BD46F
6F2BD4

Split-Comp.

D46E2C
2BD4C3
2B3CD4

Tetradic

D46E2C
3CD42B
2B90D4
C32BD4

Contrast Matrix WCAG 2.1 Contrast

D46E2C
9EA555
7F7B92
706D82
403A44
—
1.3
Fail
1.2
Fail
1.4
Fail
3.2
AA Large
1.3
Fail
—
1.5
Fail
1.9
Fail
4.2
AA Large
1.2
Fail
1.5
Fail
—
1.2
Fail
2.7
Fail
1.4
Fail
1.9
Fail
1.2
Fail
—
2.2
Fail
3.2
AA Large
4.2
AA Large
2.7
Fail
2.2
Fail
—
White BG
3.5AA Large
2.6Fail
4.1AA Large
5.0AA
11.0AAA
Black BG
6.1AA
8.0AAA
5.2AA
4.2AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A73C
A1A168
7D7D8C
6F6F7D
3D3D42

Deuteranopia

AEB540
A1A06D
7E7E8B
6F6F7C
3E3E41

Tritanopia

CF494B
9E787B
7F8887
707978
40403F

Achromatopsia

858585
9A9A9A
7F7F7F
707070
3D3D3D

Shades & Tints Shades & Tints

#D46E2C

Dark
Light

#9EA555

Dark
Light

#7F7B92

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d46e2c;
  --color-2: #9ea555;
  --color-3: #7f7b92;
  --color-4: #706d82;
  --color-5: #403a44;
}

SCSS

$color-1: #d46e2c;
$color-2: #9ea555;
$color-3: #7f7b92;
$color-4: #706d82;
$color-5: #403a44;

TAILWIND

colors: {
  'brand-1': '#d46e2c',
  'brand-2': '#9ea555',
  'brand-3': '#7f7b92',
  'brand-4': '#706d82',
  'brand-5': '#403a44',
}

RGB Array

[212, 110, 44], [158, 165, 85], [127, 123, 146], [112, 109, 130], [64, 58, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #D46E2C, #9EA555, #7F7B92, #706D82, #403A44 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d46e2c; --color-2: #9ea555; --color-3: #7f7b92; --color-4: #706d82; --color-5: #403a44. 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 tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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