← Back to Editor

#FFD8A5 · #D1B321 · #B7A237 · #552324 · #D42627

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

#FFD8A5

Goose Yellow · Wheat · Peach Orange

HEX
#FFD8A5
RGB
rgb(255, 216, 165)
HSL
hsl(34, 100%, 82%)
HSB
hsb(34, 35%, 100%)
CMYK
cmyk(0%, 15%, 35%, 0%)
Oklch
oklch(90.3% 0.079 74.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D1B321

Autumn Sage · GoldenRod · Honey Gold

HEX
#D1B321
RGB
rgb(209, 179, 33)
HSL
hsl(50, 73%, 47%)
HSB
hsb(50, 84%, 82%)
CMYK
cmyk(0%, 14%, 84%, 18%)
Oklch
oklch(77.1% 0.151 96.2)

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

#B7A237

Autumn Sage · GoldenRod · Honey Gold

HEX
#B7A237
RGB
rgb(183, 162, 55)
HSL
hsl(50, 54%, 47%)
HSB
hsb(50, 70%, 72%)
CMYK
cmyk(0%, 11%, 70%, 28%)
Oklch
oklch(71.1% 0.126 97.9)

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

#552324

Crimson · Maroon · Wine Red

HEX
#552324
RGB
rgb(85, 35, 36)
HSL
hsl(359, 42%, 24%)
HSB
hsb(359, 59%, 33%)
CMYK
cmyk(0%, 59%, 58%, 67%)
Oklch
oklch(32.8% 0.075 20.8)

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

#D42627

Vermilion · Crimson · Passion Red

HEX
#D42627
RGB
rgb(212, 38, 39)
HSL
hsl(360, 70%, 49%)
HSB
hsb(360, 82%, 83%)
CMYK
cmyk(0%, 82%, 82%, 17%)
Oklch
oklch(56.3% 0.208 27.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Deep Ember

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD8A5
A3CBFF

Analogous

FFA9A3
FFD8A5
F9FFA3

Triadic

FFD8A5
A3FFD7
D7A3FF

Split-Comp.

FFD8A5
A3F9FF
A9A3FF

Tetradic

FFD8A5
A3FFA9
A3CBFF
FFA3F9

Contrast Matrix WCAG 2.1 Contrast

FFD8A5
D1B321
B7A237
552324
D42627
—
1.5
Fail
1.9
Fail
9.5
AAA
3.8
AA Large
1.5
Fail
—
1.2
Fail
6.2
AA
2.5
Fail
1.9
Fail
1.2
Fail
—
5.0
AA
2.0
Fail
9.5
AAA
6.2
AA
5.0
AA
—
2.5
Fail
3.8
AA Large
2.5
Fail
2.0
Fail
2.5
Fail
—
White BG
1.3Fail
2.1Fail
2.5Fail
12.7AAA
5.1AA
Black BG
15.6AAA
10.2AAA
8.2AAA
1.7Fail
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEB1
C4C444
AEAE51
3F3F24
898727

Deuteranopia

F0F3B4
C6C84D
AFB157
424624
93A027

Tritanopia

FDBBBD
CF6066
B6656A
532424
CB2727

Achromatopsia

DEDEDE
ABABAB
9C9C9C
323232
5A5A5A

Shades & Tints Shades & Tints

#FFD8A5

Dark
Light

#D1B321

Dark
Light

#B7A237

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd8a5;
  --color-2: #d1b321;
  --color-3: #b7a237;
  --color-4: #552324;
  --color-5: #d42627;
}

SCSS

$color-1: #ffd8a5;
$color-2: #d1b321;
$color-3: #b7a237;
$color-4: #552324;
$color-5: #d42627;

TAILWIND

colors: {
  'brand-1': '#ffd8a5',
  'brand-2': '#d1b321',
  'brand-3': '#b7a237',
  'brand-4': '#552324',
  'brand-5': '#d42627',
}

RGB Array

[255, 216, 165], [209, 179, 33], [183, 162, 55], [85, 35, 36], [212, 38, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FFD8A5, #D1B321, #B7A237, #552324, #D42627 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: #ffd8a5; --color-2: #d1b321; --color-3: #b7a237; --color-4: #552324; --color-5: #d42627. 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