← Back to Editor

#E5BD84 · #D99E62 · #CA6E81 · #79466D · #376162

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

#E5BD84

Goose Yellow · BurlyWood · Warm Sun

HEX
#E5BD84
RGB
rgb(229, 189, 132)
HSL
hsl(35, 65%, 71%)
HSB
hsb(35, 42%, 90%)
CMYK
cmyk(0%, 17%, 42%, 10%)
Oklch
oklch(82.1% 0.087 75.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D99E62

Ginger · SandyBrown · Warm Sun

HEX
#D99E62
RGB
rgb(217, 158, 98)
HSL
hsl(30, 61%, 62%)
HSB
hsb(30, 55%, 85%)
CMYK
cmyk(0%, 27%, 55%, 15%)
Oklch
oklch(74.3% 0.104 65.5)

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

#CA6E81

Peach Pink · LightCoral · Coral Red

HEX
#CA6E81
RGB
rgb(202, 110, 129)
HSL
hsl(348, 46%, 61%)
HSB
hsb(348, 46%, 79%)
CMYK
cmyk(0%, 46%, 36%, 21%)
Oklch
oklch(64.7% 0.117 7.7)

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

#79466D

Rose Purple · DimGray · Eggplant

HEX
#79466D
RGB
rgb(121, 70, 109)
HSL
hsl(314, 27%, 37%)
HSB
hsb(314, 42%, 47%)
CMYK
cmyk(0%, 42%, 10%, 53%)
Oklch
oklch(46.8% 0.088 336.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#376162

Slate Blue · DarkSlateGray · Mint Ice

HEX
#376162
RGB
rgb(55, 97, 98)
HSL
hsl(181, 28%, 30%)
HSB
hsb(181, 44%, 38%)
CMYK
cmyk(44%, 1%, 0%, 62%)
Oklch
oklch(46.2% 0.047 197.6)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5BD84
85ADE5

Analogous

E58D85
E5BD84
DDE585

Triadic

E5BD84
85E5BD
BD85E5

Split-Comp.

E5BD84
85DDE5
8D85E5

Tetradic

E5BD84
85E58D
85ADE5
E585DD

Contrast Matrix WCAG 2.1 Contrast

E5BD84
D99E62
CA6E81
79466D
376162
—
1.3
Fail
2.0
Fail
4.1
AA Large
3.9
AA Large
1.3
Fail
—
1.5
Fail
3.1
AA Large
3.0
Fail
2.0
Fail
1.5
Fail
—
2.1
Fail
2.0
Fail
4.1
AA Large
3.1
AA Large
2.1
Fail
—
1.0
Fail
3.9
AA Large
3.0
Fail
2.0
Fail
1.0
Fail
—
White BG
1.8Fail
2.3Fail
3.5AA Large
7.2AAA
6.9AA
Black BG
11.9AAA
9.0AAA
6.1AA
2.9Fail
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D392
BFBF71
A2A17C
636264
494A62

Deuteranopia

D6D995
C3C774
A8AE7B
666A61
474462

Tritanopia

E39D9F
D67C7F
C57978
765C5A
396262

Achromatopsia

C2C2C2
A9A9A9
8C8C8C
5A5A5A
555555

Shades & Tints Shades & Tints

#E5BD84

Dark
Light

#D99E62

Dark
Light

#CA6E81

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5bd84;
  --color-2: #d99e62;
  --color-3: #ca6e81;
  --color-4: #79466d;
  --color-5: #376162;
}

SCSS

$color-1: #e5bd84;
$color-2: #d99e62;
$color-3: #ca6e81;
$color-4: #79466d;
$color-5: #376162;

TAILWIND

colors: {
  'brand-1': '#e5bd84',
  'brand-2': '#d99e62',
  'brand-3': '#ca6e81',
  'brand-4': '#79466d',
  'brand-5': '#376162',
}

RGB Array

[229, 189, 132], [217, 158, 98], [202, 110, 129], [121, 70, 109], [55, 97, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E5BD84, #D99E62, #CA6E81, #79466D, #376162 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e5bd84; --color-2: #d99e62; --color-3: #ca6e81; --color-4: #79466d; --color-5: #376162. 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 tech, SaaS, healthcare, eco industries. 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