← Back to Editor

#8C8619 · #BDB262 · #BD8F24 · #A62E16 · #300906

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

#8C8619

Autumn Sage · Olive · Honey Gold

HEX
#8C8619
RGB
rgb(140, 134, 25)
HSL
hsl(57, 70%, 32%)
HSB
hsb(57, 82%, 55%)
CMYK
cmyk(0%, 4%, 82%, 45%)
Oklch
oklch(60.7% 0.122 106.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BDB262

Autumn Sage · Tan · Sunflower

HEX
#BDB262
RGB
rgb(189, 178, 98)
HSL
hsl(53, 41%, 56%)
HSB
hsb(53, 48%, 74%)
CMYK
cmyk(0%, 6%, 48%, 26%)
Oklch
oklch(75.6% 0.102 101.5)

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

#BD8F24

Ochre · DarkGoldenRod · Honey Gold

HEX
#BD8F24
RGB
rgb(189, 143, 36)
HSL
hsl(42, 68%, 44%)
HSB
hsb(42, 81%, 74%)
CMYK
cmyk(0%, 24%, 81%, 26%)
Oklch
oklch(67.7% 0.128 83.3)

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

#A62E16

Vermilion · Brown · Wine Red

HEX
#A62E16
RGB
rgb(166, 46, 22)
HSL
hsl(10, 77%, 37%)
HSB
hsb(10, 87%, 65%)
CMYK
cmyk(0%, 72%, 87%, 35%)
Oklch
oklch(48.4% 0.160 33.1)

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

#300906

Vermilion · Black · Deep Berry

HEX
#300906
RGB
rgb(48, 9, 6)
HSL
hsl(4, 78%, 11%)
HSB
hsb(4, 88%, 19%)
CMYK
cmyk(0%, 81%, 87%, 81%)
Oklch
oklch(21.1% 0.064 28.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C8619
181E8B

Analogous

8B4C18
8C8619
578B18

Triadic

8C8619
188B85
85188B

Split-Comp.

8C8619
18578B
4C188B

Tetradic

8C8619
188B4C
181E8B
8B1857

Contrast Matrix WCAG 2.1 Contrast

8C8619
BDB262
BD8F24
A62E16
300906
—
1.8
Fail
1.3
Fail
1.8
Fail
4.7
AA
1.8
Fail
—
1.4
Fail
3.2
AA Large
8.3
AAA
1.3
Fail
1.4
Fail
—
2.4
Fail
6.1
AA
1.8
Fail
3.2
AA Large
2.4
Fail
—
2.6
Fail
4.7
AA
8.3
AAA
6.1
AA
2.6
Fail
—
White BG
3.8AA Large
2.2Fail
3.0Fail
6.9AA
18.0AAA
Black BG
5.5AA
9.7AAA
7.1AAA
3.0AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898933
B8B875
A9A93E
72711C
1F1F07

Deuteranopia

8A8A3A
B9BA7A
ACAF44
79821D
212407

Tritanopia

8C484D
BC8588
BB5257
A02021
2E0707

Achromatopsia

7B7B7B
ACACAC
919191
4F4F4F
141414

Shades & Tints Shades & Tints

#8C8619

Dark
Light

#BDB262

Dark
Light

#BD8F24

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c8619;
  --color-2: #bdb262;
  --color-3: #bd8f24;
  --color-4: #a62e16;
  --color-5: #300906;
}

SCSS

$color-1: #8c8619;
$color-2: #bdb262;
$color-3: #bd8f24;
$color-4: #a62e16;
$color-5: #300906;

TAILWIND

colors: {
  'brand-1': '#8c8619',
  'brand-2': '#bdb262',
  'brand-3': '#bd8f24',
  'brand-4': '#a62e16',
  'brand-5': '#300906',
}

RGB Array

[140, 134, 25], [189, 178, 98], [189, 143, 36], [166, 46, 22], [48, 9, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #8C8619, #BDB262, #BD8F24, #A62E16, #300906 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #8c8619; --color-2: #bdb262; --color-3: #bd8f24; --color-4: #a62e16; --color-5: #300906. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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