← Back to Editor

#E89301 · #D39623 · #B73E47 · #BC1A29 · #010000

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

#E89301

Ochre · Orange · Amber Brown

HEX
#E89301
RGB
rgb(232, 147, 1)
HSL
hsl(38, 99%, 46%)
HSB
hsb(38, 100%, 91%)
CMYK
cmyk(0%, 37%, 100%, 9%)
Oklch
oklch(73.3% 0.160 69.1)

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

#D39623

Ochre · GoldenRod · Amber Brown

HEX
#D39623
RGB
rgb(211, 150, 35)
HSL
hsl(39, 72%, 48%)
HSB
hsb(39, 83%, 83%)
CMYK
cmyk(0%, 29%, 83%, 17%)
Oklch
oklch(71.5% 0.140 77.4)

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

#B73E47

Crimson · Brown · Passion Red

HEX
#B73E47
RGB
rgb(183, 62, 71)
HSL
hsl(356, 49%, 48%)
HSB
hsb(356, 66%, 72%)
CMYK
cmyk(0%, 66%, 61%, 28%)
Oklch
oklch(53.8% 0.156 19.9)

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

#BC1A29

Vermilion · FireBrick · Passion Red

HEX
#BC1A29
RGB
rgb(188, 26, 41)
HSL
hsl(354, 76%, 42%)
HSB
hsb(354, 86%, 74%)
CMYK
cmyk(0%, 86%, 78%, 26%)
Oklch
oklch(51.1% 0.193 24.0)

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

#010000

Vermilion · Black · Deep Berry

HEX
#010000
RGB
rgb(1, 0, 0)
HSL
hsl(0, 100%, 0%)
HSB
hsb(0, 100%, 0%)
CMYK
cmyk(0%, 100%, 100%, 100%)
Oklch
oklch(4.2% 0.017 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E89301
0156E9

Analogous

E92001
E89301
CAE901

Triadic

E89301
01E994
9401E9

Split-Comp.

E89301
01CAE9
2001E9

Tetradic

E89301
01E920
0156E9
E901CA

Contrast Matrix WCAG 2.1 Contrast

E89301
D39623
B73E47
BC1A29
010000
—
1.1
Fail
2.3
Fail
2.6
Fail
8.6
AAA
1.1
Fail
—
2.2
Fail
2.5
Fail
8.1
AAA
2.3
Fail
2.2
Fail
—
1.1
Fail
3.8
AA Large
2.6
Fail
2.5
Fail
1.1
Fail
—
3.3
AA Large
8.6
AAA
8.1
AAA
3.8
AA Large
3.3
AA Large
—
White BG
2.4Fail
2.6Fail
5.5AA
6.3AA
21.0AAA
Black BG
8.6AAA
8.2AAA
3.8AA Large
3.3AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C224
B9B83F
838245
767425
010100

Deuteranopia

C8CE2D
BCC146
8A9344
7F8B25
010100

Tritanopia

E44046
D0555A
B14343
B42322
010000

Achromatopsia

9C9C9C
9B9B9B
636363
4C4C4C
000000

Shades & Tints Shades & Tints

#E89301

Dark
Light

#D39623

Dark
Light

#B73E47

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e89301;
  --color-2: #d39623;
  --color-3: #b73e47;
  --color-4: #bc1a29;
  --color-5: #010000;
}

SCSS

$color-1: #e89301;
$color-2: #d39623;
$color-3: #b73e47;
$color-4: #bc1a29;
$color-5: #010000;

TAILWIND

colors: {
  'brand-1': '#e89301',
  'brand-2': '#d39623',
  'brand-3': '#b73e47',
  'brand-4': '#bc1a29',
  'brand-5': '#010000',
}

RGB Array

[232, 147, 1], [211, 150, 35], [183, 62, 71], [188, 26, 41], [1, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E89301, #D39623, #B73E47, #BC1A29, #010000 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: #e89301; --color-2: #d39623; --color-3: #b73e47; --color-4: #bc1a29; --color-5: #010000. 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