← Back to Editor

#865A19 · #C4B282 · #85005B · #520647 · #0E002F

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

#865A19

Ochre · Sienna · Amber Brown

HEX
#865A19
RGB
rgb(134, 90, 25)
HSL
hsl(36, 69%, 31%)
HSB
hsb(36, 81%, 53%)
CMYK
cmyk(0%, 33%, 81%, 47%)
Oklch
oklch(50.4% 0.097 71.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C4B282

Ginger · Tan · Sunflower

HEX
#C4B282
RGB
rgb(196, 178, 130)
HSL
hsl(44, 36%, 64%)
HSB
hsb(44, 34%, 77%)
CMYK
cmyk(0%, 9%, 34%, 23%)
Oklch
oklch(76.7% 0.067 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#85005B

Rose Purple · Purple · Eggplant

HEX
#85005B
RGB
rgb(133, 0, 91)
HSL
hsl(319, 100%, 26%)
HSB
hsb(319, 100%, 52%)
CMYK
cmyk(0%, 100%, 32%, 48%)
Oklch
oklch(40.9% 0.172 347.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#520647

Rose Purple · MidnightBlue · Dark Purple

HEX
#520647
RGB
rgb(82, 6, 71)
HSL
hsl(309, 86%, 17%)
HSB
hsb(309, 93%, 32%)
CMYK
cmyk(0%, 93%, 13%, 68%)
Oklch
oklch(30.5% 0.127 335.5)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#0E002F

Deep Indigo · Black · Deep Sea Blue

HEX
#0E002F
RGB
rgb(14, 0, 47)
HSL
hsl(258, 100%, 9%)
HSB
hsb(258, 100%, 18%)
CMYK
cmyk(70%, 100%, 0%, 82%)
Oklch
oklch(15.6% 0.089 287.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

865A19
194486

Analogous

862319
865A19
7B8619

Triadic

865A19
19865A
5A1986

Split-Comp.

865A19
197B86
231986

Tetradic

865A19
198623
194486
86197B

Contrast Matrix WCAG 2.1 Contrast

865A19
C4B282
85005B
520647
0E002F
—
2.9
Fail
1.6
Fail
2.4
Fail
3.3
AA Large
2.9
Fail
—
4.7
AA
6.8
AA
9.5
AAA
1.6
Fail
4.7
AA
—
1.5
Fail
2.0
Fail
2.4
Fail
6.8
AA
1.5
Fail
—
1.4
Fail
3.3
AA Large
9.5
AAA
2.0
Fail
1.4
Fail
—
White BG
6.0AA
2.1Fail
9.8AAA
14.2AAA
19.8AAA
Black BG
3.5AA Large
10.0AAA
2.1Fail
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

737329
BCBC8E
4B4A45
313037
080824

Deuteranopia

76792D
BDBF90
535D40
363B33
090A21

Tritanopia

843538
C39799
7E3430
4E2B28
0D1B19

Achromatopsia

606060
B2B2B2
323232
242424
0A0A0A

Shades & Tints Shades & Tints

#865A19

Dark
Light

#C4B282

Dark
Light

#85005B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #865a19;
  --color-2: #c4b282;
  --color-3: #85005b;
  --color-4: #520647;
  --color-5: #0e002f;
}

SCSS

$color-1: #865a19;
$color-2: #c4b282;
$color-3: #85005b;
$color-4: #520647;
$color-5: #0e002f;

TAILWIND

colors: {
  'brand-1': '#865a19',
  'brand-2': '#c4b282',
  'brand-3': '#85005b',
  'brand-4': '#520647',
  'brand-5': '#0e002f',
}

RGB Array

[134, 90, 25], [196, 178, 130], [133, 0, 91], [82, 6, 71], [14, 0, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #865A19, #C4B282, #85005B, #520647, #0E002F 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: #865a19; --color-2: #c4b282; --color-3: #85005b; --color-4: #520647; --color-5: #0e002f. 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