← Back to Editor

#BD8A33 · #998054 · #EB5A27 · #080704 · #F4E168

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

#BD8A33

Ochre · DarkGoldenRod · Amber Brown

HEX
#BD8A33
RGB
rgb(189, 138, 51)
HSL
hsl(38, 58%, 47%)
HSB
hsb(38, 73%, 74%)
CMYK
cmyk(0%, 27%, 73%, 26%)
Oklch
oklch(66.8% 0.119 77.1)

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

#998054

Ochre · Gray · Amber Brown

HEX
#998054
RGB
rgb(153, 128, 84)
HSL
hsl(38, 29%, 46%)
HSB
hsb(38, 45%, 60%)
CMYK
cmyk(0%, 16%, 45%, 40%)
Oklch
oklch(61.3% 0.068 81.1)

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

#EB5A27

Tangerine · Chocolate · Warm Sun

HEX
#EB5A27
RGB
rgb(235, 90, 39)
HSL
hsl(16, 83%, 54%)
HSB
hsb(16, 83%, 92%)
CMYK
cmyk(0%, 62%, 83%, 8%)
Oklch
oklch(65.1% 0.190 38.3)

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

#080704

Ochre · Black · Amber Gold

HEX
#080704
RGB
rgb(8, 7, 4)
HSL
hsl(45, 33%, 2%)
HSB
hsb(45, 50%, 3%)
CMYK
cmyk(0%, 12%, 50%, 97%)
Oklch
oklch(12.8% 0.009 94.5)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#F4E168

Fresh Green · Khaki · Sunflower

HEX
#F4E168
RGB
rgb(244, 225, 104)
HSL
hsl(52, 86%, 68%)
HSB
hsb(52, 57%, 96%)
CMYK
cmyk(0%, 8%, 57%, 4%)
Oklch
oklch(90.2% 0.142 100.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD8A33
3265BD

Analogous

BD4532
BD8A33
ABBD32

Triadic

BD8A33
32BD8A
8A32BD

Split-Comp.

BD8A33
32ABBD
4532BD

Tetradic

BD8A33
32BD45
3265BD
BD32AB

Contrast Matrix WCAG 2.1 Contrast

BD8A33
998054
EB5A27
080704
F4E168
—
1.2
Fail
1.1
Fail
6.6
AA
2.3
Fail
1.2
Fail
—
1.1
Fail
5.3
AA
2.8
Fail
1.1
Fail
1.1
Fail
—
5.8
AA
2.6
Fail
6.6
AA
5.3
AA
5.8
AA
—
15.2
AAA
2.3
Fail
2.8
Fail
2.6
Fail
15.2
AAA
—
White BG
3.1AA Large
3.8AA Large
3.5AA Large
20.1AAA
1.3Fail
Black BG
6.8AA
5.6AA
6.0AA
1.0Fail
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A648
8E8E5F
ACAB33
080805
ECEC85

Deuteranopia

AAAE4D
909261
B5C036
080805
EDEE8C

Tritanopia

BA595C
986769
E43D3F
080505
F39CA1

Achromatopsia

8F8F8F
828282
808080
070707
D9D9D9

Shades & Tints Shades & Tints

#BD8A33

Dark
Light

#998054

Dark
Light

#EB5A27

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd8a33;
  --color-2: #998054;
  --color-3: #eb5a27;
  --color-4: #080704;
  --color-5: #f4e168;
}

SCSS

$color-1: #bd8a33;
$color-2: #998054;
$color-3: #eb5a27;
$color-4: #080704;
$color-5: #f4e168;

TAILWIND

colors: {
  'brand-1': '#bd8a33',
  'brand-2': '#998054',
  'brand-3': '#eb5a27',
  'brand-4': '#080704',
  'brand-5': '#f4e168',
}

RGB Array

[189, 138, 51], [153, 128, 84], [235, 90, 39], [8, 7, 4], [244, 225, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BD8A33, #998054, #EB5A27, #080704, #F4E168 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: #bd8a33; --color-2: #998054; --color-3: #eb5a27; --color-4: #080704; --color-5: #f4e168. 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