← Back to Editor

#001AA4 · #0E51C4 · #D4591C · #EDB32B · #F4FC05

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#001AA4

Indigo · Navy · Prussian Blue

HEX
#001AA4
RGB
rgb(0, 26, 164)
HSL
hsl(230, 100%, 32%)
HSB
hsb(230, 100%, 64%)
CMYK
cmyk(100%, 84%, 0%, 36%)
Oklch
oklch(34.5% 0.212 264.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#0E51C4

Indigo · SteelBlue · Navy Blue

HEX
#0E51C4
RGB
rgb(14, 81, 196)
HSL
hsl(218, 87%, 41%)
HSB
hsb(218, 93%, 77%)
CMYK
cmyk(93%, 59%, 0%, 23%)
Oklch
oklch(47.3% 0.191 261.1)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#D4591C

Tangerine · Chocolate · Amber Brown

HEX
#D4591C
RGB
rgb(212, 89, 28)
HSL
hsl(20, 77%, 47%)
HSB
hsb(20, 87%, 83%)
CMYK
cmyk(0%, 58%, 87%, 17%)
Oklch
oklch(61.4% 0.170 42.7)

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

#EDB32B

Ginger · GoldenRod · Sunflower

HEX
#EDB32B
RGB
rgb(237, 179, 43)
HSL
hsl(42, 84%, 55%)
HSB
hsb(42, 82%, 93%)
CMYK
cmyk(0%, 24%, 82%, 7%)
Oklch
oklch(79.9% 0.154 83.1)

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

#F4FC05

Autumn Sage · Yellow · Honey Gold

HEX
#F4FC05
RGB
rgb(244, 252, 5)
HSL
hsl(62, 98%, 50%)
HSB
hsb(62, 98%, 99%)
CMYK
cmyk(3%, 0%, 98%, 1%)
Oklch
oklch(95.3% 0.211 112.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

001AA4
A38800

Analogous

006DA3
001AA4
3600A3

Triadic

001AA4
A3001B
1BA300

Split-Comp.

001AA4
A33600
6DA300

Tetradic

001AA4
A3006D
A38800
00A336

Contrast Matrix WCAG 2.1 Contrast

001AA4
0E51C4
D4591C
EDB32B
F4FC05
—
1.8
Fail
3.1
AA Large
6.6
AA
11.1
AAA
1.8
Fail
—
1.8
Fail
3.7
AA Large
6.3
AA
3.1
AA Large
1.8
Fail
—
2.1
Fail
3.6
AA Large
6.6
AA
3.7
AA Large
2.1
Fail
—
1.7
Fail
11.1
AAA
6.3
AA
3.6
AA Large
1.7
Fail
—
White BG
12.5AAA
7.0AAA
4.0AA Large
1.9Fail
1.1Fail
Black BG
1.7Fail
3.0Fail
5.2AA
11.1AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B83
2B2CA8
9F9E2B
D4D34C
F7F841

Deuteranopia

0A087B
2722A2
A6AF2E
D7DC54
F7F64F

Tritanopia

016862
11928D
CE3639
EA666C
F4707A

Achromatopsia

222222
4A4A4A
777777
B5B5B5
DDDDDD

Shades & Tints Shades & Tints

#001AA4

Dark
Light

#0E51C4

Dark
Light

#D4591C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #001aa4;
  --color-2: #0e51c4;
  --color-3: #d4591c;
  --color-4: #edb32b;
  --color-5: #f4fc05;
}

SCSS

$color-1: #001aa4;
$color-2: #0e51c4;
$color-3: #d4591c;
$color-4: #edb32b;
$color-5: #f4fc05;

TAILWIND

colors: {
  'brand-1': '#001aa4',
  'brand-2': '#0e51c4',
  'brand-3': '#d4591c',
  'brand-4': '#edb32b',
  'brand-5': '#f4fc05',
}

RGB Array

[0, 26, 164], [14, 81, 196], [212, 89, 28], [237, 179, 43], [244, 252, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #001AA4, #0E51C4, #D4591C, #EDB32B, #F4FC05 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: #001aa4; --color-2: #0e51c4; --color-3: #d4591c; --color-4: #edb32b; --color-5: #f4fc05. 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