← Back to Editor

#B94126 · #8CA094 · #EDE197 · #998141 · #523B2D

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#B94126

Vermilion · Brown · Passion Red

HEX
#B94126
RGB
rgb(185, 65, 38)
HSL
hsl(11, 66%, 44%)
HSB
hsb(11, 79%, 73%)
CMYK
cmyk(0%, 65%, 79%, 27%)
Oklch
oklch(54.0% 0.160 34.1)

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

#8CA094

Celadon · DarkSeaGreen · Olive Green

HEX
#8CA094
RGB
rgb(140, 160, 148)
HSL
hsl(144, 10%, 59%)
HSB
hsb(144, 12%, 63%)
CMYK
cmyk(12%, 0%, 7%, 37%)
Oklch
oklch(68.7% 0.028 159.2)

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

#EDE197

Fresh Green · Khaki · Lemon Cream

HEX
#EDE197
RGB
rgb(237, 225, 151)
HSL
hsl(52, 70%, 76%)
HSB
hsb(52, 36%, 93%)
CMYK
cmyk(0%, 5%, 36%, 7%)
Oklch
oklch(90.3% 0.094 100.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#998141

Ochre · Sienna · Honey Gold

HEX
#998141
RGB
rgb(153, 129, 65)
HSL
hsl(44, 40%, 43%)
HSB
hsb(44, 58%, 60%)
CMYK
cmyk(0%, 16%, 58%, 40%)
Oklch
oklch(61.2% 0.088 89.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#523B2D

Tangerine · DarkOliveGreen · Cinnamon

HEX
#523B2D
RGB
rgb(82, 59, 45)
HSL
hsl(23, 29%, 25%)
HSB
hsb(23, 45%, 32%)
CMYK
cmyk(0%, 28%, 45%, 68%)
Oklch
oklch(37.4% 0.040 52.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B94126
269FBA

Analogous

BA2655
B94126
BA8B26

Triadic

B94126
26BA41
4126BA

Split-Comp.

B94126
26BA8B
2655BA

Tetradic

B94126
55BA26
269FBA
8B26BA

Contrast Matrix WCAG 2.1 Contrast

B94126
8CA094
EDE197
998141
523B2D
—
2.0
Fail
4.1
AA Large
1.4
Fail
1.9
Fail
2.0
Fail
—
2.1
Fail
1.4
Fail
3.7
AA Large
4.1
AA Large
2.1
Fail
—
2.8
Fail
7.8
AAA
1.4
Fail
1.4
Fail
2.8
Fail
—
2.8
Fail
1.9
Fail
3.7
AA Large
7.8
AAA
2.8
Fail
—
White BG
5.5AA
2.8Fail
1.3Fail
3.8AA Large
10.4AAA
Black BG
3.8AA Large
7.6AAA
15.8AAA
5.6AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

85842D
959597
E8E8A9
8F8E50
484830

Deuteranopia

8C952E
949298
E9E9AD
909254
494B31

Tritanopia

B33233
8D999A
ECB7BA
985D5F
513334

Achromatopsia

626262
999999
DCDCDC
818181
404040

Shades & Tints Shades & Tints

#B94126

Dark
Light

#8CA094

Dark
Light

#EDE197

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b94126;
  --color-2: #8ca094;
  --color-3: #ede197;
  --color-4: #998141;
  --color-5: #523b2d;
}

SCSS

$color-1: #b94126;
$color-2: #8ca094;
$color-3: #ede197;
$color-4: #998141;
$color-5: #523b2d;

TAILWIND

colors: {
  'brand-1': '#b94126',
  'brand-2': '#8ca094',
  'brand-3': '#ede197',
  'brand-4': '#998141',
  'brand-5': '#523b2d',
}

RGB Array

[185, 65, 38], [140, 160, 148], [237, 225, 151], [153, 129, 65], [82, 59, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B94126, #8CA094, #EDE197, #998141, #523B2D 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: #b94126; --color-2: #8ca094; --color-3: #ede197; --color-4: #998141; --color-5: #523b2d. 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