← Back to Editor

#F8F4E5 · #DE5D80 · #4A0F7F · #080E1E · #E9EBE2

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

#F8F4E5

Goose Yellow · Linen · Lemon Cream

HEX
#F8F4E5
RGB
rgb(248, 244, 229)
HSL
hsl(47, 58%, 94%)
HSB
hsb(47, 8%, 97%)
CMYK
cmyk(0%, 2%, 8%, 3%)
Oklch
oklch(96.6% 0.020 94.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DE5D80

Rouge · LightCoral · Rose Pink

HEX
#DE5D80
RGB
rgb(222, 93, 128)
HSL
hsl(344, 66%, 62%)
HSB
hsb(344, 58%, 87%)
CMYK
cmyk(0%, 58%, 42%, 13%)
Oklch
oklch(65.0% 0.164 5.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#4A0F7F

Royal Purple · DarkSlateBlue · Eggplant

HEX
#4A0F7F
RGB
rgb(74, 15, 127)
HSL
hsl(272, 79%, 28%)
HSB
hsb(272, 88%, 50%)
CMYK
cmyk(42%, 88%, 0%, 50%)
Oklch
oklch(34.4% 0.167 301.1)

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

#080E1E

Indigo · Black · Deep Sea Blue

HEX
#080E1E
RGB
rgb(8, 14, 30)
HSL
hsl(224, 58%, 7%)
HSB
hsb(224, 73%, 12%)
CMYK
cmyk(73%, 53%, 0%, 88%)
Oklch
oklch(16.7% 0.035 266.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#E9EBE2

Willow Green · Beige · Mint Green

HEX
#E9EBE2
RGB
rgb(233, 235, 226)
HSL
hsl(73, 18%, 90%)
HSB
hsb(73, 4%, 92%)
CMYK
cmyk(1%, 0%, 4%, 8%)
Oklch
oklch(93.6% 0.012 116.8)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8F4E5
E7EBF9

Analogous

F9ECE7
F8F4E5
F4F9E7

Triadic

F8F4E5
E7F9F5
F5E7F9

Split-Comp.

F8F4E5
E7F4F9
ECE7F9

Tetradic

F8F4E5
E7F9EC
E7EBF9
F9E7F4

Contrast Matrix WCAG 2.1 Contrast

F8F4E5
DE5D80
4A0F7F
080E1E
E9EBE2
—
3.2
AA Large
11.4
AAA
17.5
AAA
1.1
Fail
3.2
AA Large
—
3.6
AA Large
5.5
AA
2.9
Fail
11.4
AAA
3.6
AA Large
—
1.5
Fail
10.5
AAA
17.5
AAA
5.5
AA
1.5
Fail
—
16.0
AAA
1.1
Fail
2.9
Fail
10.5
AAA
16.0
AAA
—
White BG
1.1Fail
3.5AA Large
12.6AAA
19.2AAA
1.2Fail
Black BG
19.1AAA
6.0AA
1.7Fail
1.1Fail
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6E9
A6A578
303064
0B0B1A
EAEAE4

Deuteranopia

F7F7EA
AEB776
34385D
0A0A19
EAEAE5

Tritanopia

F8EBEC
D8716F
474F4A
081716
E9E6E6

Achromatopsia

F3F3F3
888888
2D2D2D
0E0E0E
E9E9E9

Shades & Tints Shades & Tints

#F8F4E5

Dark
Light

#DE5D80

Dark
Light

#4A0F7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8f4e5;
  --color-2: #de5d80;
  --color-3: #4a0f7f;
  --color-4: #080e1e;
  --color-5: #e9ebe2;
}

SCSS

$color-1: #f8f4e5;
$color-2: #de5d80;
$color-3: #4a0f7f;
$color-4: #080e1e;
$color-5: #e9ebe2;

TAILWIND

colors: {
  'brand-1': '#f8f4e5',
  'brand-2': '#de5d80',
  'brand-3': '#4a0f7f',
  'brand-4': '#080e1e',
  'brand-5': '#e9ebe2',
}

RGB Array

[248, 244, 229], [222, 93, 128], [74, 15, 127], [8, 14, 30], [233, 235, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F8F4E5, #DE5D80, #4A0F7F, #080E1E, #E9EBE2 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: #f8f4e5; --color-2: #de5d80; --color-3: #4a0f7f; --color-4: #080e1e; --color-5: #e9ebe2. 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