← Back to Editor

#5F0606 · #DA1717 · #FFF5D6 · #035F0B · #013A06

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

#5F0606

Vermilion · Maroon · Deep Berry

HEX
#5F0606
RGB
rgb(95, 6, 6)
HSL
hsl(0, 88%, 20%)
HSB
hsb(0, 94%, 37%)
CMYK
cmyk(0%, 94%, 94%, 63%)
Oklch
oklch(31.0% 0.120 28.0)

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

#DA1717

Vermilion · Crimson · Passion Red

HEX
#DA1717
RGB
rgb(218, 23, 23)
HSL
hsl(0, 81%, 47%)
HSB
hsb(0, 89%, 85%)
CMYK
cmyk(0%, 89%, 89%, 15%)
Oklch
oklch(56.5% 0.222 28.3)

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

#FFF5D6

Goose Yellow · Beige · Lemon Cream

HEX
#FFF5D6
RGB
rgb(255, 245, 214)
HSL
hsl(45, 100%, 92%)
HSB
hsb(45, 16%, 100%)
CMYK
cmyk(0%, 4%, 16%, 0%)
Oklch
oklch(97.0% 0.042 92.2)

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

#035F0B

Pine Green · DarkGreen · Dark Green

HEX
#035F0B
RGB
rgb(3, 95, 11)
HSL
hsl(125, 94%, 19%)
HSB
hsb(125, 97%, 37%)
CMYK
cmyk(97%, 0%, 88%, 63%)
Oklch
oklch(42.2% 0.138 143.3)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#013A06

Pine Green · DarkGreen · Dark Green

HEX
#013A06
RGB
rgb(1, 58, 6)
HSL
hsl(125, 97%, 12%)
HSB
hsb(125, 98%, 23%)
CMYK
cmyk(98%, 0%, 90%, 77%)
Oklch
oklch(30.3% 0.097 143.9)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F0606
066060

Analogous

600633
5F0606
603306

Triadic

5F0606
066006
060660

Split-Comp.

5F0606
066033
063360

Tetradic

5F0606
336006
066060
330660

Contrast Matrix WCAG 2.1 Contrast

5F0606
DA1717
FFF5D6
035F0B
013A06
—
2.7
Fail
12.7
AAA
1.7
Fail
1.1
Fail
2.7
Fail
—
4.7
AA
1.6
Fail
2.6
Fail
12.7
AAA
4.7
AA
—
7.3
AAA
12.0
AAA
1.7
Fail
1.6
Fail
7.3
AAA
—
1.6
Fail
1.1
Fail
2.6
Fail
12.0
AAA
1.6
Fail
—
White BG
13.9AAA
5.1AA
1.1Fail
7.9AAA
13.1AAA
Black BG
1.5Fail
4.1AA Large
19.3AAA
2.6Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

383806
868417
FBFBDE
2B2C1F
1A1A13

Deuteranopia

3E4406
91A017
FBFCDF
261F24
161216

Tritanopia

5B0606
D01717
FFE3E5
082F33
041D1F

Achromatopsia

212121
515151
F4F4F4
3A3A3A
232323

Shades & Tints Shades & Tints

#5F0606

Dark
Light

#DA1717

Dark
Light

#FFF5D6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f0606;
  --color-2: #da1717;
  --color-3: #fff5d6;
  --color-4: #035f0b;
  --color-5: #013a06;
}

SCSS

$color-1: #5f0606;
$color-2: #da1717;
$color-3: #fff5d6;
$color-4: #035f0b;
$color-5: #013a06;

TAILWIND

colors: {
  'brand-1': '#5f0606',
  'brand-2': '#da1717',
  'brand-3': '#fff5d6',
  'brand-4': '#035f0b',
  'brand-5': '#013a06',
}

RGB Array

[95, 6, 6], [218, 23, 23], [255, 245, 214], [3, 95, 11], [1, 58, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #5F0606, #DA1717, #FFF5D6, #035F0B, #013A06 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5f0606; --color-2: #da1717; --color-3: #fff5d6; --color-4: #035f0b; --color-5: #013a06. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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