← Back to Editor

#413040 · #6C6368 · #B9A173 · #EAA353 · #FFEFA9

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

#413040

Rose Purple · DarkSlateGray · Eggplant

HEX
#413040
RGB
rgb(65, 48, 64)
HSL
hsl(304, 15%, 22%)
HSB
hsb(304, 26%, 25%)
CMYK
cmyk(0%, 26%, 2%, 75%)
Oklch
oklch(33.5% 0.036 328.3)

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

#6C6368

Ink Gray · DimGray · Warm Gray

HEX
#6C6368
RGB
rgb(108, 99, 104)
HSL
hsl(327, 4%, 41%)
HSB
hsb(327, 8%, 42%)
CMYK
cmyk(0%, 8%, 4%, 58%)
Oklch
oklch(51.0% 0.014 343.0)

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

#B9A173

Ginger · Tan · Warm Sun

HEX
#B9A173
RGB
rgb(185, 161, 115)
HSL
hsl(39, 33%, 59%)
HSB
hsb(39, 38%, 73%)
CMYK
cmyk(0%, 13%, 38%, 27%)
Oklch
oklch(71.9% 0.068 83.3)

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

#EAA353

Ginger · SandyBrown · Warm Sun

HEX
#EAA353
RGB
rgb(234, 163, 83)
HSL
hsl(32, 78%, 62%)
HSB
hsb(32, 65%, 92%)
CMYK
cmyk(0%, 30%, 65%, 8%)
Oklch
oklch(76.9% 0.128 67.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FFEFA9

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEFA9
RGB
rgb(255, 239, 169)
HSL
hsl(49, 100%, 83%)
HSB
hsb(49, 34%, 100%)
CMYK
cmyk(0%, 6%, 34%, 0%)
Oklch
oklch(94.9% 0.090 96.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413040
304131

Analogous

393041
413040
413037

Triadic

413040
3F4130
303F41

Split-Comp.

413040
374130
304139

Tetradic

413040
413930
304131
303741

Contrast Matrix WCAG 2.1 Contrast

413040
6C6368
B9A173
EAA353
FFEFA9
—
2.1
Fail
4.9
AA
5.7
AA
10.6
AAA
2.1
Fail
—
2.3
Fail
2.7
Fail
5.0
AA
4.9
AA
2.3
Fail
—
1.2
Fail
2.2
Fail
5.7
AA
2.7
Fail
1.2
Fail
—
1.8
Fail
10.6
AAA
5.0
AA
2.2
Fail
1.8
Fail
—
White BG
12.2AAA
5.8AA
2.5Fail
2.1Fail
1.2Fail
Black BG
1.7Fail
3.6AA Large
8.4AAA
9.9AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A393C
686867
AFAE7E
CBCB66
F8F8BA

Deuteranopia

3B3C3B
696967
B0B281
CFD56B
F9FABE

Tritanopia

403938
6C6666
B88789
E67679
FEC7CA

Achromatopsia

373737
666666
A3A3A3
AFAFAF
ECECEC

Shades & Tints Shades & Tints

#413040

Dark
Light

#6C6368

Dark
Light

#B9A173

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413040;
  --color-2: #6c6368;
  --color-3: #b9a173;
  --color-4: #eaa353;
  --color-5: #ffefa9;
}

SCSS

$color-1: #413040;
$color-2: #6c6368;
$color-3: #b9a173;
$color-4: #eaa353;
$color-5: #ffefa9;

TAILWIND

colors: {
  'brand-1': '#413040',
  'brand-2': '#6c6368',
  'brand-3': '#b9a173',
  'brand-4': '#eaa353',
  'brand-5': '#ffefa9',
}

RGB Array

[65, 48, 64], [108, 99, 104], [185, 161, 115], [234, 163, 83], [255, 239, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #413040, #6C6368, #B9A173, #EAA353, #FFEFA9 is ideal for: 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: #413040; --color-2: #6c6368; --color-3: #b9a173; --color-4: #eaa353; --color-5: #ffefa9. 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. 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