← Back to Editor

#E7081A · #F0B928 · #EFCDB4 · #EEDFC8 · #2D3743

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

#E7081A

Vermilion · Red · Passion Red

HEX
#E7081A
RGB
rgb(231, 8, 26)
HSL
hsl(355, 93%, 47%)
HSB
hsb(355, 97%, 91%)
CMYK
cmyk(0%, 97%, 89%, 9%)
Oklch
oklch(58.5% 0.236 27.2)

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

#F0B928

Ginger · GoldenRod · Sunflower

HEX
#F0B928
RGB
rgb(240, 185, 40)
HSL
hsl(44, 87%, 55%)
HSB
hsb(44, 83%, 94%)
CMYK
cmyk(0%, 23%, 83%, 6%)
Oklch
oklch(81.4% 0.158 85.4)

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

#EFCDB4

Apricot · Wheat · Peach Orange

HEX
#EFCDB4
RGB
rgb(239, 205, 180)
HSL
hsl(25, 65%, 82%)
HSB
hsb(25, 25%, 94%)
CMYK
cmyk(0%, 14%, 25%, 6%)
Oklch
oklch(87.1% 0.051 58.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EEDFC8

Goose Yellow · Bisque · Peach Orange

HEX
#EEDFC8
RGB
rgb(238, 223, 200)
HSL
hsl(36, 53%, 86%)
HSB
hsb(36, 16%, 93%)
CMYK
cmyk(0%, 6%, 16%, 7%)
Oklch
oklch(91.0% 0.035 78.7)

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

#2D3743

Indigo · DarkSlateGray · Prussian Blue

HEX
#2D3743
RGB
rgb(45, 55, 67)
HSL
hsl(213, 20%, 22%)
HSB
hsb(213, 33%, 26%)
CMYK
cmyk(33%, 18%, 0%, 74%)
Oklch
oklch(33.3% 0.025 253.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7081A
08E7D5

Analogous

E7088A
E7081A
E76508

Triadic

E7081A
1BE708
081BE7

Split-Comp.

E7081A
08E765
088AE7

Tetradic

E7081A
8AE708
08E7D5
6508E7

Contrast Matrix WCAG 2.1 Contrast

E7081A
F0B928
EFCDB4
EEDFC8
2D3743
—
2.6
Fail
3.2
AA Large
3.6
AA Large
2.6
Fail
2.6
Fail
—
1.2
Fail
1.4
Fail
6.7
AA
3.2
AA Large
1.2
Fail
—
1.1
Fail
8.1
AAA
3.6
AA Large
1.4
Fail
1.1
Fail
—
9.2
AAA
2.6
Fail
6.7
AA
8.1
AAA
9.2
AAA
—
White BG
4.7AA
1.8Fail
1.5Fail
1.3Fail
12.1AAA
Black BG
4.4AA Large
11.7AAA
14.1AAA
16.0AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868416
D8D84B
E0E0BA
E8E7CE
313140

Deuteranopia

93A415
DBE054
E2E5BC
E8EACF
31303F

Tritanopia

DC1211
ED676D
EDBFC0
EDD2D3
2E3E3D

Achromatopsia

4D4D4D
B9B9B9
D4D4D4
E1E1E1
353535

Shades & Tints Shades & Tints

#E7081A

Dark
Light

#F0B928

Dark
Light

#EFCDB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7081a;
  --color-2: #f0b928;
  --color-3: #efcdb4;
  --color-4: #eedfc8;
  --color-5: #2d3743;
}

SCSS

$color-1: #e7081a;
$color-2: #f0b928;
$color-3: #efcdb4;
$color-4: #eedfc8;
$color-5: #2d3743;

TAILWIND

colors: {
  'brand-1': '#e7081a',
  'brand-2': '#f0b928',
  'brand-3': '#efcdb4',
  'brand-4': '#eedfc8',
  'brand-5': '#2d3743',
}

RGB Array

[231, 8, 26], [240, 185, 40], [239, 205, 180], [238, 223, 200], [45, 55, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E7081A, #F0B928, #EFCDB4, #EEDFC8, #2D3743 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: #e7081a; --color-2: #f0b928; --color-3: #efcdb4; --color-4: #eedfc8; --color-5: #2d3743. 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