← Back to Editor

#BA5E51 · #B0986A · #F2DAAE · #2C5485 · #292017

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

#BA5E51

Crimson · Sienna · Passion Red

HEX
#BA5E51
RGB
rgb(186, 94, 81)
HSL
hsl(7, 43%, 52%)
HSB
hsb(7, 56%, 73%)
CMYK
cmyk(0%, 49%, 56%, 27%)
Oklch
oklch(58.9% 0.121 29.5)

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

#B0986A

Ginger · Tan · Warm Sun

HEX
#B0986A
RGB
rgb(176, 152, 106)
HSL
hsl(39, 31%, 55%)
HSB
hsb(39, 40%, 69%)
CMYK
cmyk(0%, 14%, 40%, 31%)
Oklch
oklch(69.0% 0.069 83.2)

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

#F2DAAE

Goose Yellow · Wheat · Peach Orange

HEX
#F2DAAE
RGB
rgb(242, 218, 174)
HSL
hsl(39, 72%, 82%)
HSB
hsb(39, 28%, 95%)
CMYK
cmyk(0%, 10%, 28%, 5%)
Oklch
oklch(89.7% 0.063 82.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#2C5485

Indigo · DarkSlateBlue · Prussian Blue

HEX
#2C5485
RGB
rgb(44, 84, 133)
HSL
hsl(213, 50%, 35%)
HSB
hsb(213, 67%, 52%)
CMYK
cmyk(67%, 37%, 0%, 48%)
Oklch
oklch(44.1% 0.093 254.6)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#292017

Ochre · Black · Cinnamon

HEX
#292017
RGB
rgb(41, 32, 23)
HSL
hsl(30, 28%, 13%)
HSB
hsb(30, 44%, 16%)
CMYK
cmyk(0%, 22%, 44%, 84%)
Oklch
oklch(25.1% 0.021 66.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA5E51
50ADB9

Analogous

B95078
BA5E51
B99150

Triadic

BA5E51
50B95C
5C50B9

Split-Comp.

BA5E51
50B991
5078B9

Tetradic

BA5E51
78B950
50ADB9
9150B9

Contrast Matrix WCAG 2.1 Contrast

BA5E51
B0986A
F2DAAE
2C5485
292017
—
1.6
Fail
3.2
AA Large
1.8
Fail
3.7
AA Large
1.6
Fail
—
2.0
Fail
2.8
Fail
5.7
AA
3.2
AA Large
2.0
Fail
—
5.7
AA
11.7
AAA
1.8
Fail
2.8
Fail
5.7
AA
—
2.1
Fail
3.7
AA Large
5.7
AA
11.7
AAA
2.1
Fail
—
White BG
4.4AA Large
2.8Fail
1.4Fail
7.7AAA
16.0AAA
Black BG
4.8AA
7.5AAA
15.4AAA
2.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

929154
A6A575
E8E7B9
3D3E79
252519

Deuteranopia

989E55
A7A978
E9EBBB
3B3876
26261A

Tritanopia

B55757
AF7E80
F1C1C3
2E706E
291B1B

Achromatopsia

787878
9A9A9A
DCDCDC
4E4E4E
222222

Shades & Tints Shades & Tints

#BA5E51

Dark
Light

#B0986A

Dark
Light

#F2DAAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba5e51;
  --color-2: #b0986a;
  --color-3: #f2daae;
  --color-4: #2c5485;
  --color-5: #292017;
}

SCSS

$color-1: #ba5e51;
$color-2: #b0986a;
$color-3: #f2daae;
$color-4: #2c5485;
$color-5: #292017;

TAILWIND

colors: {
  'brand-1': '#ba5e51',
  'brand-2': '#b0986a',
  'brand-3': '#f2daae',
  'brand-4': '#2c5485',
  'brand-5': '#292017',
}

RGB Array

[186, 94, 81], [176, 152, 106], [242, 218, 174], [44, 84, 133], [41, 32, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BA5E51, #B0986A, #F2DAAE, #2C5485, #292017 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: #ba5e51; --color-2: #b0986a; --color-3: #f2daae; --color-4: #2c5485; --color-5: #292017. 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