← Back to Editor

#962F39 · #F9A63F · #FFE69A · #7CB091 · #83768C

spring

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#962F39

Crimson · Brown · Wine Red

HEX
#962F39
RGB
rgb(150, 47, 57)
HSL
hsl(354, 52%, 39%)
HSB
hsb(354, 69%, 59%)
CMYK
cmyk(0%, 69%, 62%, 41%)
Oklch
oklch(46.2% 0.137 18.9)

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

#F9A63F

Ginger · SandyBrown · Warm Sun

HEX
#F9A63F
RGB
rgb(249, 166, 63)
HSL
hsl(33, 94%, 61%)
HSB
hsb(33, 75%, 98%)
CMYK
cmyk(0%, 33%, 75%, 2%)
Oklch
oklch(79.0% 0.150 67.8)

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

#FFE69A

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE69A
RGB
rgb(255, 230, 154)
HSL
hsl(45, 100%, 80%)
HSB
hsb(45, 40%, 100%)
CMYK
cmyk(0%, 10%, 40%, 0%)
Oklch
oklch(92.9% 0.099 91.9)

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

#7CB091

Celadon · DarkSeaGreen · Olive Green

HEX
#7CB091
RGB
rgb(124, 176, 145)
HSL
hsl(144, 25%, 59%)
HSB
hsb(144, 30%, 69%)
CMYK
cmyk(30%, 0%, 18%, 31%)
Oklch
oklch(71.2% 0.071 157.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#83768C

Dark Plum · Gray · Warm Gray

HEX
#83768C
RGB
rgb(131, 118, 140)
HSL
hsl(275, 9%, 51%)
HSB
hsb(275, 16%, 55%)
CMYK
cmyk(6%, 16%, 0%, 45%)
Oklch
oklch(58.5% 0.036 311.5)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

962F39
30978D

Analogous

97306E
962F39
975930

Triadic

962F39
3A9730
303A97

Split-Comp.

962F39
309759
306E97

Tetradic

962F39
6E9730
30978D
593097

Contrast Matrix WCAG 2.1 Contrast

962F39
F9A63F
FFE69A
7CB091
83768C
—
3.8
AA Large
6.2
AA
3.1
AA Large
1.8
Fail
3.8
AA Large
—
1.6
Fail
1.2
Fail
2.1
Fail
6.2
AA
1.6
Fail
—
2.0
Fail
3.5
AA Large
3.1
AA Large
1.2
Fail
2.0
Fail
—
1.7
Fail
1.8
Fail
2.1
Fail
3.5
AA Large
1.7
Fail
—
White BG
7.6AAA
2.0Fail
1.2Fail
2.5Fail
4.3AA Large
Black BG
2.8Fail
10.6AAA
17.0AAA
8.5AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

696837
D5D458
F4F4AC
939399
7D7D87

Deuteranopia

6F7736
DAE05E
F6F8B1
908C9A
7E7F85

Tritanopia

913534
F56C70
FEBBBE
7F9EA0
828282

Achromatopsia

4F4F4F
B3B3B3
E5E5E5
9D9D9D
7C7C7C

Shades & Tints Shades & Tints

#962F39

Dark
Light

#F9A63F

Dark
Light

#FFE69A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #962f39;
  --color-2: #f9a63f;
  --color-3: #ffe69a;
  --color-4: #7cb091;
  --color-5: #83768c;
}

SCSS

$color-1: #962f39;
$color-2: #f9a63f;
$color-3: #ffe69a;
$color-4: #7cb091;
$color-5: #83768c;

TAILWIND

colors: {
  'brand-1': '#962f39',
  'brand-2': '#f9a63f',
  'brand-3': '#ffe69a',
  'brand-4': '#7cb091',
  'brand-5': '#83768c',
}

RGB Array

[150, 47, 57], [249, 166, 63], [255, 230, 154], [124, 176, 145], [131, 118, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #962F39, #F9A63F, #FFE69A, #7CB091, #83768C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #962f39; --color-2: #f9a63f; --color-3: #ffe69a; --color-4: #7cb091; --color-5: #83768c. 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 tech, SaaS, healthcare, eco industries. 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