← Back to Editor

#540202 · #991212 · #609170 · #B0A979 · #EDE0A6

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

#540202

Vermilion · Maroon · Deep Berry

HEX
#540202
RGB
rgb(84, 2, 2)
HSL
hsl(0, 95%, 17%)
HSB
hsb(0, 98%, 33%)
CMYK
cmyk(0%, 98%, 98%, 67%)
Oklch
oklch(28.2% 0.113 28.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#991212

Vermilion · DarkRed · Wine Red

HEX
#991212
RGB
rgb(153, 18, 18)
HSL
hsl(0, 79%, 34%)
HSB
hsb(0, 88%, 60%)
CMYK
cmyk(0%, 88%, 88%, 40%)
Oklch
oklch(43.7% 0.168 27.8)

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

#609170

Celadon · Gray · Olive Green

HEX
#609170
RGB
rgb(96, 145, 112)
HSL
hsl(140, 20%, 47%)
HSB
hsb(140, 34%, 57%)
CMYK
cmyk(34%, 0%, 23%, 43%)
Oklch
oklch(61.2% 0.073 154.3)

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

#B0A979

Autumn Sage · Tan · Sunflower

HEX
#B0A979
RGB
rgb(176, 169, 121)
HSL
hsl(52, 26%, 58%)
HSB
hsb(52, 31%, 69%)
CMYK
cmyk(0%, 4%, 31%, 31%)
Oklch
oklch(72.9% 0.066 100.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EDE0A6

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE0A6
RGB
rgb(237, 224, 166)
HSL
hsl(49, 66%, 79%)
HSB
hsb(49, 30%, 93%)
CMYK
cmyk(0%, 5%, 30%, 7%)
Oklch
oklch(90.3% 0.076 97.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

540202
025555

Analogous

55022B
540202
552B02

Triadic

540202
025502
020255

Split-Comp.

540202
02552B
022B55

Tetradic

540202
2B5502
025555
2B0255

Contrast Matrix WCAG 2.1 Contrast

540202
991212
609170
B0A979
EDE0A6
—
1.8
Fail
4.2
AA Large
6.3
AA
11.4
AAA
1.8
Fail
—
2.4
Fail
3.6
AA Large
6.5
AA
4.2
AA Large
2.4
Fail
—
1.5
Fail
2.7
Fail
6.3
AA
3.6
AA Large
1.5
Fail
—
1.8
Fail
11.4
AAA
6.5
AA
2.7
Fail
1.8
Fail
—
White BG
15.1AAA
8.6AAA
3.6AA Large
2.4Fail
1.3Fail
Black BG
1.4Fail
2.4Fail
5.8AA
8.8AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

303002
5F5D12
757678
ADAD85
E7E7B4

Deuteranopia

353B02
667112
726F7A
ADAE87
E8E9B7

Tritanopia

500202
921212
627E80
B08E90
ECBFC2

Achromatopsia

1B1B1B
3A3A3A
7F7F7F
A6A6A6
DDDDDD

Shades & Tints Shades & Tints

#540202

Dark
Light

#991212

Dark
Light

#609170

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #540202;
  --color-2: #991212;
  --color-3: #609170;
  --color-4: #b0a979;
  --color-5: #ede0a6;
}

SCSS

$color-1: #540202;
$color-2: #991212;
$color-3: #609170;
$color-4: #b0a979;
$color-5: #ede0a6;

TAILWIND

colors: {
  'brand-1': '#540202',
  'brand-2': '#991212',
  'brand-3': '#609170',
  'brand-4': '#b0a979',
  'brand-5': '#ede0a6',
}

RGB Array

[84, 2, 2], [153, 18, 18], [96, 145, 112], [176, 169, 121], [237, 224, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #540202, #991212, #609170, #B0A979, #EDE0A6 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: #540202; --color-2: #991212; --color-3: #609170; --color-4: #b0a979; --color-5: #ede0a6. 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