← Back to Editor

#590F06 · #AF1108 · #F02709 · #C0944B · #897946

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 MenuPoster

Color Details Color Details

#590F06

Vermilion · Maroon · Deep Berry

HEX
#590F06
RGB
rgb(89, 15, 6)
HSL
hsl(7, 87%, 19%)
HSB
hsb(7, 93%, 35%)
CMYK
cmyk(0%, 83%, 93%, 65%)
Oklch
oklch(30.4% 0.107 31.0)

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

#AF1108

Vermilion · FireBrick · Wine Red

HEX
#AF1108
RGB
rgb(175, 17, 8)
HSL
hsl(3, 91%, 36%)
HSB
hsb(3, 95%, 69%)
CMYK
cmyk(0%, 90%, 95%, 31%)
Oklch
oklch(47.9% 0.189 29.5)

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

#F02709

Vermilion · OrangeRed · Passion Red

HEX
#F02709
RGB
rgb(240, 39, 9)
HSL
hsl(8, 93%, 49%)
HSB
hsb(8, 96%, 94%)
CMYK
cmyk(0%, 84%, 96%, 6%)
Oklch
oklch(61.2% 0.234 31.0)

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

#C0944B

Ginger · GoldenRod · Warm Sun

HEX
#C0944B
RGB
rgb(192, 148, 75)
HSL
hsl(37, 48%, 52%)
HSB
hsb(37, 61%, 75%)
CMYK
cmyk(0%, 23%, 61%, 25%)
Oklch
oklch(69.3% 0.105 78.2)

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

#897946

Ochre · DimGray · Honey Gold

HEX
#897946
RGB
rgb(137, 121, 70)
HSL
hsl(46, 32%, 41%)
HSB
hsb(46, 49%, 54%)
CMYK
cmyk(0%, 12%, 49%, 46%)
Oklch
oklch(57.9% 0.073 92.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

590F06
06515B

Analogous

5B0627
590F06
5B3A06

Triadic

590F06
065B10
10065B

Split-Comp.

590F06
065B3A
06275B

Tetradic

590F06
275B06
06515B
3A065B

Contrast Matrix WCAG 2.1 Contrast

590F06
AF1108
F02709
C0944B
897946
—
1.9
Fail
3.3
AA Large
5.1
AA
3.3
AA Large
1.9
Fail
—
1.7
Fail
2.6
Fail
1.7
Fail
3.3
AA Large
1.7
Fail
—
1.5
Fail
1.0
Fail
5.1
AA
2.6
Fail
1.5
Fail
—
1.6
Fail
3.3
AA Large
1.7
Fail
1.0
Fail
1.6
Fail
—
White BG
14.0AAA
7.2AAA
4.2AA Large
2.8Fail
4.3AA Large
Black BG
1.5Fail
2.9Fail
5.0AA
7.6AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393808
6B690A
999710
ADAD5D
828252

Deuteranopia

3D4309
74800B
A5B412
B0B361
838455

Tritanopia

550A0A
A70C0C
E61617
BE6B6E
885C5E

Achromatopsia

242424
3F3F3F
606060
999999
787878

Shades & Tints Shades & Tints

#590F06

Dark
Light

#AF1108

Dark
Light

#F02709

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #590f06;
  --color-2: #af1108;
  --color-3: #f02709;
  --color-4: #c0944b;
  --color-5: #897946;
}

SCSS

$color-1: #590f06;
$color-2: #af1108;
$color-3: #f02709;
$color-4: #c0944b;
$color-5: #897946;

TAILWIND

colors: {
  'brand-1': '#590f06',
  'brand-2': '#af1108',
  'brand-3': '#f02709',
  'brand-4': '#c0944b',
  'brand-5': '#897946',
}

RGB Array

[89, 15, 6], [175, 17, 8], [240, 39, 9], [192, 148, 75], [137, 121, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #590F06, #AF1108, #F02709, #C0944B, #897946 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #590f06; --color-2: #af1108; --color-3: #f02709; --color-4: #c0944b; --color-5: #897946. 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. 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