← Back to Editor

#130E19 · #061D39 · #3D4325 · #EAC792 · #9D0C0A

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

#130E19

Deep Indigo · Black · Dark Purple

HEX
#130E19
RGB
rgb(19, 14, 25)
HSL
hsl(267, 28%, 8%)
HSB
hsb(267, 44%, 10%)
CMYK
cmyk(24%, 44%, 0%, 90%)
Oklch
oklch(17.6% 0.024 304.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#061D39

Indigo · MidnightBlue · Deep Sea Blue

HEX
#061D39
RGB
rgb(6, 29, 57)
HSL
hsl(213, 81%, 12%)
HSB
hsb(213, 89%, 22%)
CMYK
cmyk(89%, 49%, 0%, 78%)
Oklch
oklch(23.1% 0.061 255.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#3D4325

Grass Green · DarkSlateGray · Dark Green

HEX
#3D4325
RGB
rgb(61, 67, 37)
HSL
hsl(72, 29%, 20%)
HSB
hsb(72, 45%, 26%)
CMYK
cmyk(9%, 0%, 45%, 74%)
Oklch
oklch(36.9% 0.048 118.1)

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

#EAC792

Goose Yellow · BurlyWood · Warm Sun

HEX
#EAC792
RGB
rgb(234, 199, 146)
HSL
hsl(36, 68%, 75%)
HSB
hsb(36, 38%, 92%)
CMYK
cmyk(0%, 15%, 38%, 8%)
Oklch
oklch(84.7% 0.079 77.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#9D0C0A

Vermilion · DarkRed · Wine Red

HEX
#9D0C0A
RGB
rgb(157, 12, 10)
HSL
hsl(1, 88%, 33%)
HSB
hsb(1, 94%, 62%)
CMYK
cmyk(0%, 92%, 94%, 38%)
Oklch
oklch(44.2% 0.175 28.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

130E19
151A0F

Analogous

0F0F1A
130E19
1A0F1A

Triadic

130E19
1A140F
0F1A14

Split-Comp.

130E19
1A1A0F
0F1A0F

Tetradic

130E19
1A0F0F
151A0F
0F1A1A

Contrast Matrix WCAG 2.1 Contrast

130E19
061D39
3D4325
EAC792
9D0C0A
—
1.1
Fail
1.8
Fail
11.8
AAA
2.3
Fail
1.1
Fail
—
1.6
Fail
10.5
AAA
2.0
Fail
1.8
Fail
1.6
Fail
—
6.5
AA
1.2
Fail
11.8
AAA
10.5
AAA
6.5
AA
—
5.3
AA
2.3
Fail
2.0
Fail
1.2
Fail
5.3
AA
—
White BG
19.0AAA
16.9AAA
10.4AAA
1.6Fail
8.4AAA
Black BG
1.1Fail
1.2Fail
2.0Fail
13.1AAA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

111116
101032
40402C
DBDB9F
5E5D0A

Deuteranopia

111216
0F0D31
3F3F2E
DDDFA2
67710B

Tritanopia

131414
072D2C
3D3233
E8A9AB
960B0B

Achromatopsia

111111
191919
3E3E3E
CBCBCB
373737

Shades & Tints Shades & Tints

#130E19

Dark
Light

#061D39

Dark
Light

#3D4325

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #130e19;
  --color-2: #061d39;
  --color-3: #3d4325;
  --color-4: #eac792;
  --color-5: #9d0c0a;
}

SCSS

$color-1: #130e19;
$color-2: #061d39;
$color-3: #3d4325;
$color-4: #eac792;
$color-5: #9d0c0a;

TAILWIND

colors: {
  'brand-1': '#130e19',
  'brand-2': '#061d39',
  'brand-3': '#3d4325',
  'brand-4': '#eac792',
  'brand-5': '#9d0c0a',
}

RGB Array

[19, 14, 25], [6, 29, 57], [61, 67, 37], [234, 199, 146], [157, 12, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #130E19, #061D39, #3D4325, #EAC792, #9D0C0A is ideal for: tech websites, dark mode UIs, game UIs, 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: #130e19; --color-2: #061d39; --color-3: #3d4325; --color-4: #eac792; --color-5: #9d0c0a. 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 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