← Back to Editor

#971952 · #BA6752 · #C5A062 · #E5D396 · #6A7C6D

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

#971952

Dark Violet · Brown · Camellia

HEX
#971952
RGB
rgb(151, 25, 82)
HSL
hsl(333, 72%, 35%)
HSB
hsb(333, 83%, 59%)
CMYK
cmyk(0%, 83%, 46%, 41%)
Oklch
oklch(45.0% 0.165 359.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#BA6752

Crimson · Sienna · Passion Red

HEX
#BA6752
RGB
rgb(186, 103, 82)
HSL
hsl(12, 43%, 53%)
HSB
hsb(12, 56%, 73%)
CMYK
cmyk(0%, 45%, 56%, 27%)
Oklch
oklch(60.4% 0.112 35.2)

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

#C5A062

Ginger · DarkSalmon · Warm Sun

HEX
#C5A062
RGB
rgb(197, 160, 98)
HSL
hsl(38, 46%, 58%)
HSB
hsb(38, 50%, 77%)
CMYK
cmyk(0%, 19%, 50%, 23%)
Oklch
oklch(72.6% 0.091 79.5)

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

#E5D396

Goose Yellow · Khaki · Sunflower

HEX
#E5D396
RGB
rgb(229, 211, 150)
HSL
hsl(46, 60%, 74%)
HSB
hsb(46, 34%, 90%)
CMYK
cmyk(0%, 8%, 34%, 10%)
Oklch
oklch(86.7% 0.081 93.6)

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

#6A7C6D

Celadon · DimGray · Warm Gray

HEX
#6A7C6D
RGB
rgb(106, 124, 109)
HSL
hsl(130, 8%, 45%)
HSB
hsb(130, 15%, 49%)
CMYK
cmyk(15%, 0%, 12%, 51%)
Oklch
oklch(56.7% 0.031 150.0)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

971952
199A60

Analogous

9A1993
971952
9A1F19

Triadic

971952
539A19
19539A

Split-Comp.

971952
199A1F
19939A

Tetradic

971952
939A19
199A60
1F199A

Contrast Matrix WCAG 2.1 Contrast

971952
BA6752
C5A062
E5D396
6A7C6D
—
2.0
Fail
3.3
AA Large
5.5
AA
1.8
Fail
2.0
Fail
—
1.7
Fail
2.7
Fail
1.1
Fail
3.3
AA Large
1.7
Fail
—
1.6
Fail
1.8
Fail
5.5
AA
2.7
Fail
1.6
Fail
—
3.0
Fail
1.8
Fail
1.1
Fail
1.8
Fail
3.0
Fail
—
White BG
8.1AAA
4.1AA Large
2.4Fail
1.5Fail
4.5AA Large
Black BG
2.6Fail
5.1AA
8.6AAA
14.1AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

605F44
969557
B5B571
DDDDA5
727271

Deuteranopia

687141
9BA158
B7BA75
DEE0A8
716F72

Tritanopia

913937
B65B5C
C37D7F
E4B0B3
6B7374

Achromatopsia

454545
7D7D7D
A4A4A4
D1D1D1
757575

Shades & Tints Shades & Tints

#971952

Dark
Light

#BA6752

Dark
Light

#C5A062

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #971952;
  --color-2: #ba6752;
  --color-3: #c5a062;
  --color-4: #e5d396;
  --color-5: #6a7c6d;
}

SCSS

$color-1: #971952;
$color-2: #ba6752;
$color-3: #c5a062;
$color-4: #e5d396;
$color-5: #6a7c6d;

TAILWIND

colors: {
  'brand-1': '#971952',
  'brand-2': '#ba6752',
  'brand-3': '#c5a062',
  'brand-4': '#e5d396',
  'brand-5': '#6a7c6d',
}

RGB Array

[151, 25, 82], [186, 103, 82], [197, 160, 98], [229, 211, 150], [106, 124, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #971952, #BA6752, #C5A062, #E5D396, #6A7C6D is ideal for: corporate websites, product showcases, portfolios. 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: #971952; --color-2: #ba6752; --color-3: #c5a062; --color-4: #e5d396; --color-5: #6a7c6d. 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. 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