← Back to Editor

#8D6D20 · #B94325 · #D07C34 · #DFB93E · #FFEDBF

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

#8D6D20

Ochre · Sienna · Honey Gold

HEX
#8D6D20
RGB
rgb(141, 109, 32)
HSL
hsl(42, 63%, 34%)
HSB
hsb(42, 77%, 55%)
CMYK
cmyk(0%, 23%, 77%, 45%)
Oklch
oklch(55.3% 0.100 85.0)

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

#B94325

Vermilion · Sienna · Passion Red

HEX
#B94325
RGB
rgb(185, 67, 37)
HSL
hsl(12, 67%, 44%)
HSB
hsb(12, 80%, 73%)
CMYK
cmyk(0%, 64%, 80%, 27%)
Oklch
oklch(54.2% 0.159 35.2)

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

#D07C34

Tangerine · Chocolate · Warm Sun

HEX
#D07C34
RGB
rgb(208, 124, 52)
HSL
hsl(28, 62%, 51%)
HSB
hsb(28, 75%, 82%)
CMYK
cmyk(0%, 40%, 75%, 18%)
Oklch
oklch(66.5% 0.134 57.6)

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

#DFB93E

Ginger · GoldenRod · Sunflower

HEX
#DFB93E
RGB
rgb(223, 185, 62)
HSL
hsl(46, 72%, 56%)
HSB
hsb(46, 72%, 87%)
CMYK
cmyk(0%, 17%, 72%, 13%)
Oklch
oklch(79.8% 0.142 91.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FFEDBF

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEDBF
RGB
rgb(255, 237, 191)
HSL
hsl(43, 100%, 87%)
HSB
hsb(43, 25%, 100%)
CMYK
cmyk(0%, 7%, 25%, 0%)
Oklch
oklch(94.9% 0.062 89.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D6D20
20418D

Analogous

8D3620
8D6D20
778D20

Triadic

8D6D20
208D6D
6D208D

Split-Comp.

8D6D20
20778D
36208D

Tetradic

8D6D20
208D36
20418D
8D2077

Contrast Matrix WCAG 2.1 Contrast

8D6D20
B94325
D07C34
DFB93E
FFEDBF
—
1.1
Fail
1.5
Fail
2.6
Fail
4.2
AA Large
1.1
Fail
—
1.7
Fail
2.9
Fail
4.7
AA
1.5
Fail
1.7
Fail
—
1.7
Fail
2.7
Fail
2.6
Fail
2.9
Fail
1.7
Fail
—
1.6
Fail
4.2
AA Large
4.7
AA
2.7
Fail
1.6
Fail
—
White BG
4.8AA
5.4AA
3.2AA Large
1.9Fail
1.2Fail
Black BG
4.3AA Large
3.9AA Large
6.6AA
11.1AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F33
86852C
ACAB45
CFCE5C
F7F7CA

Deuteranopia

818337
8D962E
B1B74A
D1D463
F8FACD

Tritanopia

8B4145
B33233
CC5356
DD7378
FED3D5

Achromatopsia

6E6E6E
636363
8D8D8D
B6B6B6
EDEDED

Shades & Tints Shades & Tints

#8D6D20

Dark
Light

#B94325

Dark
Light

#D07C34

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d6d20;
  --color-2: #b94325;
  --color-3: #d07c34;
  --color-4: #dfb93e;
  --color-5: #ffedbf;
}

SCSS

$color-1: #8d6d20;
$color-2: #b94325;
$color-3: #d07c34;
$color-4: #dfb93e;
$color-5: #ffedbf;

TAILWIND

colors: {
  'brand-1': '#8d6d20',
  'brand-2': '#b94325',
  'brand-3': '#d07c34',
  'brand-4': '#dfb93e',
  'brand-5': '#ffedbf',
}

RGB Array

[141, 109, 32], [185, 67, 37], [208, 124, 52], [223, 185, 62], [255, 237, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #8D6D20, #B94325, #D07C34, #DFB93E, #FFEDBF 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: #8d6d20; --color-2: #b94325; --color-3: #d07c34; --color-4: #dfb93e; --color-5: #ffedbf. 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