← Back to Editor

#E5A800 · #A5AA5A · #502000 · #D17717 · #DCCC36

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 MenuPoster

Color Details Color Details

#E5A800

Ochre · Orange · Honey Gold

HEX
#E5A800
RGB
rgb(229, 168, 0)
HSL
hsl(44, 100%, 45%)
HSB
hsb(44, 100%, 90%)
CMYK
cmyk(0%, 27%, 100%, 10%)
Oklch
oklch(76.9% 0.158 82.3)

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

#A5AA5A

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A5AA5A
RGB
rgb(165, 170, 90)
HSL
hsl(64, 32%, 51%)
HSB
hsb(64, 47%, 67%)
CMYK
cmyk(3%, 0%, 47%, 33%)
Oklch
oklch(71.6% 0.104 111.9)

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

#502000

Tangerine · Maroon · Cinnamon

HEX
#502000
RGB
rgb(80, 32, 0)
HSL
hsl(24, 100%, 16%)
HSB
hsb(24, 100%, 31%)
CMYK
cmyk(0%, 60%, 100%, 69%)
Oklch
oklch(30.9% 0.083 48.9)

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

#D17717

Ochre · Chocolate · Amber Brown

HEX
#D17717
RGB
rgb(209, 119, 23)
HSL
hsl(31, 80%, 45%)
HSB
hsb(31, 89%, 82%)
CMYK
cmyk(0%, 43%, 89%, 18%)
Oklch
oklch(65.6% 0.148 59.5)

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

#DCCC36

Autumn Sage · GoldenRod · Sunflower

HEX
#DCCC36
RGB
rgb(220, 204, 54)
HSL
hsl(54, 70%, 54%)
HSB
hsb(54, 75%, 86%)
CMYK
cmyk(0%, 7%, 75%, 14%)
Oklch
oklch(83.4% 0.160 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5A800
003DE6

Analogous

E63600
E5A800
B0E600

Triadic

E5A800
00E6A8
A800E6

Split-Comp.

E5A800
00B0E6
3600E6

Tetradic

E5A800
00E636
003DE6
E600B0

Contrast Matrix WCAG 2.1 Contrast

E5A800
A5AA5A
502000
D17717
DCCC36
—
1.2
Fail
6.4
AA
1.6
Fail
1.3
Fail
1.2
Fail
—
5.5
AA
1.3
Fail
1.5
Fail
6.4
AA
5.5
AA
—
4.1
AA Large
8.2
AAA
1.6
Fail
1.3
Fail
4.1
AA Large
—
2.0
Fail
1.3
Fail
1.5
Fail
8.2
AAA
2.0
Fail
—
White BG
2.1Fail
2.5Fail
13.6AAA
3.3AA Large
1.6Fail
Black BG
9.9AAA
8.5AAA
1.5Fail
6.4AA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA29
A7A76D
3B3B08
AAA92E
D5D55A

Deuteranopia

CED332
A7A772
3E420A
AFB634
D6D763

Tritanopia

E24950
A57D80
4E0E0F
CC4145
DB777D

Achromatopsia

A7A7A7
9F9F9F
2B2B2B
878787
C0C0C0

Shades & Tints Shades & Tints

#E5A800

Dark
Light

#A5AA5A

Dark
Light

#502000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5a800;
  --color-2: #a5aa5a;
  --color-3: #502000;
  --color-4: #d17717;
  --color-5: #dccc36;
}

SCSS

$color-1: #e5a800;
$color-2: #a5aa5a;
$color-3: #502000;
$color-4: #d17717;
$color-5: #dccc36;

TAILWIND

colors: {
  'brand-1': '#e5a800',
  'brand-2': '#a5aa5a',
  'brand-3': '#502000',
  'brand-4': '#d17717',
  'brand-5': '#dccc36',
}

RGB Array

[229, 168, 0], [165, 170, 90], [80, 32, 0], [209, 119, 23], [220, 204, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E5A800, #A5AA5A, #502000, #D17717, #DCCC36 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #e5a800; --color-2: #a5aa5a; --color-3: #502000; --color-4: #d17717; --color-5: #dccc36. 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. 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