← Back to Editor

#010522 · #5E1C35 · #DBB76E · #E6EBAB · #FAF3D4

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

#010522

Indigo · Black · Deep Sea Blue

HEX
#010522
RGB
rgb(1, 5, 34)
HSL
hsl(233, 94%, 7%)
HSB
hsb(233, 97%, 13%)
CMYK
cmyk(97%, 85%, 0%, 87%)
Oklch
oklch(13.7% 0.064 265.3)

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

#5E1C35

Dark Violet · Maroon · Raspberry

HEX
#5E1C35
RGB
rgb(94, 28, 53)
HSL
hsl(337, 54%, 24%)
HSB
hsb(337, 70%, 37%)
CMYK
cmyk(0%, 70%, 44%, 63%)
Oklch
oklch(33.9% 0.099 0.6)

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

#DBB76E

Ginger · BurlyWood · Sunflower

HEX
#DBB76E
RGB
rgb(219, 183, 110)
HSL
hsl(40, 60%, 65%)
HSB
hsb(40, 50%, 86%)
CMYK
cmyk(0%, 16%, 50%, 14%)
Oklch
oklch(79.5% 0.101 83.9)

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

#E6EBAB

Fresh Green · Wheat · Lemon Cream

HEX
#E6EBAB
RGB
rgb(230, 235, 171)
HSL
hsl(65, 62%, 80%)
HSB
hsb(65, 27%, 92%)
CMYK
cmyk(2%, 0%, 27%, 8%)
Oklch
oklch(92.1% 0.083 111.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FAF3D4

Goose Yellow · Beige · Lemon Cream

HEX
#FAF3D4
RGB
rgb(250, 243, 212)
HSL
hsl(49, 79%, 91%)
HSB
hsb(49, 15%, 98%)
CMYK
cmyk(0%, 3%, 15%, 2%)
Oklch
oklch(96.2% 0.041 96.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010522
231F01

Analogous

011623
010522
0E0123

Triadic

010522
230105
052301

Split-Comp.

010522
230E01
162301

Tetradic

010522
230116
231F01
01230E

Contrast Matrix WCAG 2.1 Contrast

010522
5E1C35
DBB76E
E6EBAB
FAF3D4
—
1.6
Fail
10.5
AAA
16.1
AAA
18.0
AAA
1.6
Fail
—
6.5
AA
9.9
AAA
11.1
AAA
10.5
AAA
6.5
AA
—
1.5
Fail
1.7
Fail
16.1
AAA
9.9
AAA
1.5
Fail
—
1.1
Fail
18.0
AAA
11.1
AAA
1.7
Fail
1.1
Fail
—
White BG
20.1AAA
12.4AAA
1.9Fail
1.2Fail
1.1Fail
Black BG
1.0Fail
1.7Fail
11.0AAA
16.8AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

03031B
41412F
CBCB80
E8E8BA
F7F7DC

Deuteranopia

030219
454A2D
CED084
E8E8BE
F7F8DD

Tritanopia

011514
5B2A29
D98E91
E6C7C9
FAE1E3

Achromatopsia

070707
333333
B9B9B9
E2E2E2
F2F2F2

Shades & Tints Shades & Tints

#010522

Dark
Light

#5E1C35

Dark
Light

#DBB76E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010522;
  --color-2: #5e1c35;
  --color-3: #dbb76e;
  --color-4: #e6ebab;
  --color-5: #faf3d4;
}

SCSS

$color-1: #010522;
$color-2: #5e1c35;
$color-3: #dbb76e;
$color-4: #e6ebab;
$color-5: #faf3d4;

TAILWIND

colors: {
  'brand-1': '#010522',
  'brand-2': '#5e1c35',
  'brand-3': '#dbb76e',
  'brand-4': '#e6ebab',
  'brand-5': '#faf3d4',
}

RGB Array

[1, 5, 34], [94, 28, 53], [219, 183, 110], [230, 235, 171], [250, 243, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #010522, #5E1C35, #DBB76E, #E6EBAB, #FAF3D4 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #010522; --color-2: #5e1c35; --color-3: #dbb76e; --color-4: #e6ebab; --color-5: #faf3d4. 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 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