← Back to Editor

#D3C15B · #F52314 · #030F00 · #FAFFC9 · #5E7D24

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

#D3C15B

Autumn Sage · SandyBrown · Sunflower

HEX
#D3C15B
RGB
rgb(211, 193, 91)
HSL
hsl(51, 58%, 59%)
HSB
hsb(51, 57%, 83%)
CMYK
cmyk(0%, 9%, 57%, 17%)
Oklch
oklch(80.6% 0.124 99.4)

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

#F52314

Vermilion · OrangeRed · Passion Red

HEX
#F52314
RGB
rgb(245, 35, 20)
HSL
hsl(4, 92%, 52%)
HSB
hsb(4, 92%, 96%)
CMYK
cmyk(0%, 86%, 92%, 4%)
Oklch
oklch(62.0% 0.240 29.7)

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

#030F00

Pine Green · Black · Dark Green

HEX
#030F00
RGB
rgb(3, 15, 0)
HSL
hsl(108, 100%, 3%)
HSB
hsb(108, 100%, 6%)
CMYK
cmyk(80%, 0%, 100%, 94%)
Oklch
oklch(15.0% 0.045 136.7)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#FAFFC9

Fresh Green · Beige · Lemon Cream

HEX
#FAFFC9
RGB
rgb(250, 255, 201)
HSL
hsl(66, 100%, 89%)
HSB
hsb(66, 21%, 100%)
CMYK
cmyk(2%, 0%, 21%, 0%)
Oklch
oklch(98.3% 0.070 112.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#5E7D24

Grass Green · DarkOliveGreen · Forest Green

HEX
#5E7D24
RGB
rgb(94, 125, 36)
HSL
hsl(81, 55%, 32%)
HSB
hsb(81, 71%, 49%)
CMYK
cmyk(25%, 0%, 71%, 51%)
Oklch
oklch(54.7% 0.121 126.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3C15B
5A6CD3

Analogous

D3845A
D3C15B
A9D35A

Triadic

D3C15B
5AD3C1
C15AD3

Split-Comp.

D3C15B
5AA9D3
845AD3

Tetradic

D3C15B
5AD384
5A6CD3
D35AA9

Contrast Matrix WCAG 2.1 Contrast

D3C15B
F52314
030F00
FAFFC9
5E7D24
—
2.2
Fail
10.8
AAA
1.8
Fail
2.6
Fail
2.2
Fail
—
4.8
AA
3.9
AA Large
1.2
Fail
10.8
AAA
4.8
AA
—
18.9
AAA
4.1
AA Large
1.8
Fail
3.9
AA Large
18.9
AAA
—
4.6
AA
2.6
Fail
1.2
Fail
4.1
AA Large
4.6
AA
—
White BG
1.8Fail
4.1AA Large
19.6AAA
1.0Fail
4.7AA
Black BG
11.5AAA
5.1AA
1.1Fail
20.2AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB74
9A9818
080804
FCFCD6
6B6C3A

Deuteranopia

CCCE7A
A6B619
080705
FCFCD9
6A673F

Tritanopia

D2878B
EB1A1B
040607
FAE0E3
604B4E

Achromatopsia

BBBBBB
606060
0A0A0A
F7F7F7
6A6A6A

Shades & Tints Shades & Tints

#D3C15B

Dark
Light

#F52314

Dark
Light

#030F00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3c15b;
  --color-2: #f52314;
  --color-3: #030f00;
  --color-4: #faffc9;
  --color-5: #5e7d24;
}

SCSS

$color-1: #d3c15b;
$color-2: #f52314;
$color-3: #030f00;
$color-4: #faffc9;
$color-5: #5e7d24;

TAILWIND

colors: {
  'brand-1': '#d3c15b',
  'brand-2': '#f52314',
  'brand-3': '#030f00',
  'brand-4': '#faffc9',
  'brand-5': '#5e7d24',
}

RGB Array

[211, 193, 91], [245, 35, 20], [3, 15, 0], [250, 255, 201], [94, 125, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #D3C15B, #F52314, #030F00, #FAFFC9, #5E7D24 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: #d3c15b; --color-2: #f52314; --color-3: #030f00; --color-4: #faffc9; --color-5: #5e7d24. 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