← Back to Editor

#9FB5B0 · #B5AA35 · #E0782D · #CC493B · #36294A

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#9FB5B0

Jade · DarkGray · Lake Green

HEX
#9FB5B0
RGB
rgb(159, 181, 176)
HSL
hsl(166, 13%, 67%)
HSB
hsb(166, 12%, 71%)
CMYK
cmyk(12%, 0%, 3%, 29%)
Oklch
oklch(75.5% 0.025 180.4)

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

#B5AA35

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5AA35
RGB
rgb(181, 170, 53)
HSL
hsl(55, 55%, 46%)
HSB
hsb(55, 71%, 71%)
CMYK
cmyk(0%, 6%, 71%, 29%)
Oklch
oklch(72.6% 0.134 103.9)

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

#E0782D

Tangerine · Chocolate · Warm Sun

HEX
#E0782D
RGB
rgb(224, 120, 45)
HSL
hsl(25, 74%, 53%)
HSB
hsb(25, 80%, 88%)
CMYK
cmyk(0%, 46%, 80%, 12%)
Oklch
oklch(67.9% 0.154 52.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CC493B

Crimson · Chocolate · Passion Red

HEX
#CC493B
RGB
rgb(204, 73, 59)
HSL
hsl(6, 59%, 52%)
HSB
hsb(6, 71%, 80%)
CMYK
cmyk(0%, 64%, 71%, 20%)
Oklch
oklch(58.3% 0.169 29.3)

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

#36294A

Deep Indigo · DarkSlateGray · Eggplant

HEX
#36294A
RGB
rgb(54, 41, 74)
HSL
hsl(264, 29%, 23%)
HSB
hsb(264, 45%, 29%)
CMYK
cmyk(27%, 45%, 0%, 71%)
Oklch
oklch(31.2% 0.060 301.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FB5B0
B6A0A5

Analogous

A0B6A6
9FB5B0
A0B0B6

Triadic

9FB5B0
B1A0B6
B6B1A0

Split-Comp.

9FB5B0
B6A0B0
B6A6A0

Tetradic

9FB5B0
A6A0B6
B6A0A5
B0B6A0

Contrast Matrix WCAG 2.1 Contrast

9FB5B0
B5AA35
E0782D
CC493B
36294A
—
1.1
Fail
1.4
Fail
2.1
Fail
6.2
AA
1.1
Fail
—
1.3
Fail
1.9
Fail
5.6
AA
1.4
Fail
1.3
Fail
—
1.5
Fail
4.4
AA Large
2.1
Fail
1.9
Fail
1.5
Fail
—
2.9
Fail
6.2
AA
5.6
AA
4.4
AA Large
2.9
Fail
—
White BG
2.2Fail
2.4Fail
3.0AA Large
4.6AA
13.4AAA
Black BG
9.7AAA
8.8AAA
6.9AA
4.6AA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A9B1
B0B051
B3B23F
93923E
303042

Deuteranopia

A7A6B2
B1B258
B9C144
9BA53F
313240

Tritanopia

A0B2B2
B4686D
DB4D51
C54142
353C3A

Achromatopsia

AEAEAE
A0A0A0
8F8F8F
6F6F6F
313131

Shades & Tints Shades & Tints

#9FB5B0

Dark
Light

#B5AA35

Dark
Light

#E0782D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fb5b0;
  --color-2: #b5aa35;
  --color-3: #e0782d;
  --color-4: #cc493b;
  --color-5: #36294a;
}

SCSS

$color-1: #9fb5b0;
$color-2: #b5aa35;
$color-3: #e0782d;
$color-4: #cc493b;
$color-5: #36294a;

TAILWIND

colors: {
  'brand-1': '#9fb5b0',
  'brand-2': '#b5aa35',
  'brand-3': '#e0782d',
  'brand-4': '#cc493b',
  'brand-5': '#36294a',
}

RGB Array

[159, 181, 176], [181, 170, 53], [224, 120, 45], [204, 73, 59], [54, 41, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #9FB5B0, #B5AA35, #E0782D, #CC493B, #36294A 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: #9fb5b0; --color-2: #b5aa35; --color-3: #e0782d; --color-4: #cc493b; --color-5: #36294a. 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 vintage-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