← Back to Editor

#E6154F · #3B302E · #A0705A · #CCA071 · #CBC469

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

#E6154F

Dark Violet · Crimson · Camellia

HEX
#E6154F
RGB
rgb(230, 21, 79)
HSL
hsl(343, 83%, 49%)
HSB
hsb(343, 91%, 90%)
CMYK
cmyk(0%, 91%, 66%, 10%)
Oklch
oklch(59.3% 0.230 15.3)

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

#3B302E

Crimson · DarkSlateGray · Wine Red

HEX
#3B302E
RGB
rgb(59, 48, 46)
HSL
hsl(9, 12%, 21%)
HSB
hsb(9, 22%, 23%)
CMYK
cmyk(0%, 19%, 22%, 77%)
Oklch
oklch(32.1% 0.016 30.1)

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

#A0705A

Tangerine · Gray · Amber Brown

HEX
#A0705A
RGB
rgb(160, 112, 90)
HSL
hsl(19, 28%, 49%)
HSB
hsb(19, 44%, 63%)
CMYK
cmyk(0%, 30%, 44%, 37%)
Oklch
oklch(58.9% 0.069 45.5)

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

#CCA071

Ginger · DarkSalmon · Warm Sun

HEX
#CCA071
RGB
rgb(204, 160, 113)
HSL
hsl(31, 47%, 62%)
HSB
hsb(31, 45%, 80%)
CMYK
cmyk(0%, 22%, 45%, 20%)
Oklch
oklch(73.6% 0.082 67.9)

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

#CBC469

Autumn Sage · BurlyWood · Sunflower

HEX
#CBC469
RGB
rgb(203, 196, 105)
HSL
hsl(56, 49%, 60%)
HSB
hsb(56, 48%, 80%)
CMYK
cmyk(0%, 3%, 48%, 20%)
Oklch
oklch(80.7% 0.114 104.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6154F
15E5AA

Analogous

E515B8
E6154F
E54215

Triadic

E6154F
50E515
1550E5

Split-Comp.

E6154F
15E542
15B8E5

Tetradic

E6154F
B8E515
15E5AA
4215E5

Contrast Matrix WCAG 2.1 Contrast

E6154F
3B302E
A0705A
CCA071
CBC469
—
2.8
Fail
1.1
Fail
1.9
Fail
2.5
Fail
2.8
Fail
—
3.0
AA Large
5.4
AA
7.1
AAA
1.1
Fail
3.0
AA Large
—
1.8
Fail
2.3
Fail
1.9
Fail
5.4
AA
1.8
Fail
—
1.3
Fail
2.5
Fail
7.1
AAA
2.3
Fail
1.3
Fail
—
White BG
4.6AA
12.7AAA
4.2AA Large
2.4Fail
1.8Fail
Black BG
4.6AA
1.6Fail
5.0AA
8.8AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8A41
36362E
8B8B5F
B9B97C
C8C87F

Deuteranopia

98A73E
37382F
8E9261
BCBF7F
C8C984

Tritanopia

DC3633
3A2F2F
9E6464
CA8587
CB9094

Achromatopsia

5A5A5A
333333
7C7C7C
A8A8A8
BCBCBC

Shades & Tints Shades & Tints

#E6154F

Dark
Light

#3B302E

Dark
Light

#A0705A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6154f;
  --color-2: #3b302e;
  --color-3: #a0705a;
  --color-4: #cca071;
  --color-5: #cbc469;
}

SCSS

$color-1: #e6154f;
$color-2: #3b302e;
$color-3: #a0705a;
$color-4: #cca071;
$color-5: #cbc469;

TAILWIND

colors: {
  'brand-1': '#e6154f',
  'brand-2': '#3b302e',
  'brand-3': '#a0705a',
  'brand-4': '#cca071',
  'brand-5': '#cbc469',
}

RGB Array

[230, 21, 79], [59, 48, 46], [160, 112, 90], [204, 160, 113], [203, 196, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E6154F, #3B302E, #A0705A, #CCA071, #CBC469 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: #e6154f; --color-2: #3b302e; --color-3: #a0705a; --color-4: #cca071; --color-5: #cbc469. 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