← Back to Editor

#E8A682 · #FC954C · #D96C6E · #524552 · #F53662

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

#E8A682

Apricot · DarkSalmon · Warm Sun

HEX
#E8A682
RGB
rgb(232, 166, 130)
HSL
hsl(21, 69%, 71%)
HSB
hsb(21, 44%, 91%)
CMYK
cmyk(0%, 28%, 44%, 9%)
Oklch
oklch(78.0% 0.092 49.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FC954C

Apricot · Coral · Warm Sun

HEX
#FC954C
RGB
rgb(252, 149, 76)
HSL
hsl(25, 97%, 64%)
HSB
hsb(25, 70%, 99%)
CMYK
cmyk(0%, 41%, 70%, 1%)
Oklch
oklch(76.5% 0.151 53.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D96C6E

Peach Pink · LightCoral · Coral Red

HEX
#D96C6E
RGB
rgb(217, 108, 110)
HSL
hsl(359, 59%, 64%)
HSB
hsb(359, 50%, 85%)
CMYK
cmyk(0%, 50%, 49%, 15%)
Oklch
oklch(66.0% 0.137 20.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#524552

Rose Purple · DarkSlateGray · Charcoal

HEX
#524552
RGB
rgb(82, 69, 82)
HSL
hsl(300, 9%, 30%)
HSB
hsb(300, 16%, 32%)
CMYK
cmyk(0%, 16%, 0%, 68%)
Oklch
oklch(40.8% 0.027 326.1)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

#F53662

Vermilion · Tomato · Passion Red

HEX
#F53662
RGB
rgb(245, 54, 98)
HSL
hsl(346, 91%, 59%)
HSB
hsb(346, 78%, 96%)
CMYK
cmyk(0%, 78%, 60%, 4%)
Oklch
oklch(64.1% 0.224 13.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8A682
82C4E8

Analogous

E88291
E8A682
E8D982

Triadic

E8A682
82E8A6
A682E8

Split-Comp.

E8A682
82E8D9
8291E8

Tetradic

E8A682
91E882
82C4E8
D982E8

Contrast Matrix WCAG 2.1 Contrast

E8A682
FC954C
D96C6E
524552
F53662
—
1.1
Fail
1.6
Fail
4.4
AA Large
1.8
Fail
1.1
Fail
—
1.5
Fail
4.1
AA Large
1.7
Fail
1.6
Fail
1.5
Fail
—
2.7
Fail
1.1
Fail
4.4
AA Large
4.1
AA Large
2.7
Fail
—
2.4
Fail
1.8
Fail
1.7
Fail
1.1
Fail
2.4
Fail
—
White BG
2.1Fail
2.2Fail
3.3AA Large
9.0AAA
3.8AA Large
Black BG
10.2AAA
9.5AAA
6.3AA
2.3Fail
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB8B
CFCE5E
AAA96E
4C4C4F
A2A157

Deuteranopia

CFD48D
D5DD62
B0B86D
4D4E4E
ADBC55

Tritanopia

E59293
F76C6F
D46D6D
514C4C
EB4F4D

Achromatopsia

B6B6B6
ABABAB
8D8D8D
4A4A4A
747474

Shades & Tints Shades & Tints

#E8A682

Dark
Light

#FC954C

Dark
Light

#D96C6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8a682;
  --color-2: #fc954c;
  --color-3: #d96c6e;
  --color-4: #524552;
  --color-5: #f53662;
}

SCSS

$color-1: #e8a682;
$color-2: #fc954c;
$color-3: #d96c6e;
$color-4: #524552;
$color-5: #f53662;

TAILWIND

colors: {
  'brand-1': '#e8a682',
  'brand-2': '#fc954c',
  'brand-3': '#d96c6e',
  'brand-4': '#524552',
  'brand-5': '#f53662',
}

RGB Array

[232, 166, 130], [252, 149, 76], [217, 108, 110], [82, 69, 82], [245, 54, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E8A682, #FC954C, #D96C6E, #524552, #F53662 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: #e8a682; --color-2: #fc954c; --color-3: #d96c6e; --color-4: #524552; --color-5: #f53662. 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