← Back to Editor

#EDDF91 · #B7AD71 · #001B69 · #5168ED · #919FED

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 MenuPosterData Visualization

Color Details Color Details

#EDDF91

Fresh Green · Khaki · Sunflower

HEX
#EDDF91
RGB
rgb(237, 223, 145)
HSL
hsl(51, 72%, 75%)
HSB
hsb(51, 39%, 93%)
CMYK
cmyk(0%, 6%, 39%, 7%)
Oklch
oklch(89.8% 0.099 99.3)

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

#B7AD71

Autumn Sage · Tan · Sunflower

HEX
#B7AD71
RGB
rgb(183, 173, 113)
HSL
hsl(51, 33%, 58%)
HSB
hsb(51, 38%, 72%)
CMYK
cmyk(0%, 5%, 38%, 28%)
Oklch
oklch(74.2% 0.080 99.9)

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

#001B69

Indigo · MidnightBlue · Prussian Blue

HEX
#001B69
RGB
rgb(0, 27, 105)
HSL
hsl(225, 100%, 21%)
HSB
hsb(225, 100%, 41%)
CMYK
cmyk(100%, 74%, 0%, 59%)
Oklch
oklch(27.2% 0.139 263.1)

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

#5168ED

Azure · MediumSlateBlue · Cobalt Blue

HEX
#5168ED
RGB
rgb(81, 104, 237)
HSL
hsl(231, 81%, 62%)
HSB
hsb(231, 66%, 93%)
CMYK
cmyk(66%, 56%, 0%, 7%)
Oklch
oklch(57.5% 0.201 271.2)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#919FED

Azure · CornflowerBlue · Cobalt Blue

HEX
#919FED
RGB
rgb(145, 159, 237)
HSL
hsl(231, 72%, 75%)
HSB
hsb(231, 39%, 93%)
CMYK
cmyk(39%, 33%, 0%, 7%)
Oklch
oklch(72.3% 0.115 275.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDF91
919FED

Analogous

EDB191
EDDF91
CDED91

Triadic

EDDF91
91EDDF
DF91ED

Split-Comp.

EDDF91
91CDED
B191ED

Tetradic

EDDF91
91EDB1
919FED
ED91CD

Contrast Matrix WCAG 2.1 Contrast

EDDF91
B7AD71
001B69
5168ED
919FED
—
1.7
Fail
11.4
AAA
3.4
AA Large
1.9
Fail
1.7
Fail
—
6.8
AA
2.0
Fail
1.1
Fail
11.4
AAA
6.8
AA
—
3.3
AA Large
6.2
AA
3.4
AA Large
2.0
Fail
3.3
AA Large
—
1.8
Fail
1.9
Fail
1.1
Fail
6.2
AA
1.8
Fail
—
White BG
1.3Fail
2.3Fail
15.4AAA
4.6AA
2.5Fail
Black BG
15.6AAA
9.2AAA
1.4Fail
4.6AA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7A4
B3B380
0C0C56
5B5BCD
9797DA

Deuteranopia

E8E9A8
B3B483
0A0852
5A58C5
9695D6

Tritanopia

ECB3B6
B78B8E
014744
52B3AE
92CBC8

Achromatopsia

DADADA
A9A9A9
1C1C1C
707070
A4A4A4

Shades & Tints Shades & Tints

#EDDF91

Dark
Light

#B7AD71

Dark
Light

#001B69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddf91;
  --color-2: #b7ad71;
  --color-3: #001b69;
  --color-4: #5168ed;
  --color-5: #919fed;
}

SCSS

$color-1: #eddf91;
$color-2: #b7ad71;
$color-3: #001b69;
$color-4: #5168ed;
$color-5: #919fed;

TAILWIND

colors: {
  'brand-1': '#eddf91',
  'brand-2': '#b7ad71',
  'brand-3': '#001b69',
  'brand-4': '#5168ed',
  'brand-5': '#919fed',
}

RGB Array

[237, 223, 145], [183, 173, 113], [0, 27, 105], [81, 104, 237], [145, 159, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EDDF91, #B7AD71, #001B69, #5168ED, #919FED 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: #eddf91; --color-2: #b7ad71; --color-3: #001b69; --color-4: #5168ed; --color-5: #919fed. 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