← Back to Editor

#FADF9A · #5FD3A2 · #AF958D · #E60808 · #443A42

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

#FADF9A

Goose Yellow · Khaki · Lemon Cream

HEX
#FADF9A
RGB
rgb(250, 223, 154)
HSL
hsl(43, 91%, 79%)
HSB
hsb(43, 38%, 98%)
CMYK
cmyk(0%, 11%, 38%, 2%)
Oklch
oklch(91.0% 0.092 89.0)

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

#5FD3A2

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#5FD3A2
RGB
rgb(95, 211, 162)
HSL
hsl(155, 57%, 60%)
HSB
hsb(155, 55%, 83%)
CMYK
cmyk(55%, 0%, 23%, 17%)
Oklch
oklch(78.7% 0.128 163.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#AF958D

Peach Pink · DarkGray · Coral Red

HEX
#AF958D
RGB
rgb(175, 149, 141)
HSL
hsl(14, 18%, 62%)
HSB
hsb(14, 19%, 69%)
CMYK
cmyk(0%, 15%, 19%, 31%)
Oklch
oklch(69.1% 0.033 37.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E60808

Vermilion · Red · Passion Red

HEX
#E60808
RGB
rgb(230, 8, 8)
HSL
hsl(0, 93%, 47%)
HSB
hsb(0, 97%, 90%)
CMYK
cmyk(0%, 97%, 97%, 10%)
Oklch
oklch(58.3% 0.236 29.0)

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

#443A42

Rose Purple · DarkSlateGray · Dark Stone

HEX
#443A42
RGB
rgb(68, 58, 66)
HSL
hsl(312, 8%, 25%)
HSB
hsb(312, 15%, 27%)
CMYK
cmyk(0%, 15%, 3%, 73%)
Oklch
oklch(36.2% 0.019 332.8)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FADF9A
99B4FA

Analogous

FAAE99
FADF9A
E5FA99

Triadic

FADF9A
99FADF
DF99FA

Split-Comp.

FADF9A
99E5FA
AE99FA

Tetradic

FADF9A
99FAAE
99B4FA
FA99E5

Contrast Matrix WCAG 2.1 Contrast

FADF9A
5FD3A2
AF958D
E60808
443A42
—
1.4
Fail
2.1
Fail
3.7
AA Large
8.3
AAA
1.4
Fail
—
1.5
Fail
2.6
Fail
5.9
AA
2.1
Fail
1.5
Fail
—
1.7
Fail
3.9
AA Large
3.7
AA Large
2.6
Fail
1.7
Fail
—
2.3
Fail
8.3
AAA
5.9
AA
3.9
AA Large
2.3
Fail
—
White BG
1.3Fail
1.9Fail
2.8Fail
4.8AA
10.9AAA
Black BG
16.1AAA
11.3AAA
7.5AAA
4.4AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEAB
9192AE
A4A48F
868408
404040

Deuteranopia

F0F2AF
8B82B1
A5A78F
93A308
404140

Tritanopia

F9B8BB
65B7B9
AE9091
DB0808
443F3E

Achromatopsia

DFDFDF
ABABAB
9C9C9C
4A4A4A
3E3E3E

Shades & Tints Shades & Tints

#FADF9A

Dark
Light

#5FD3A2

Dark
Light

#AF958D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fadf9a;
  --color-2: #5fd3a2;
  --color-3: #af958d;
  --color-4: #e60808;
  --color-5: #443a42;
}

SCSS

$color-1: #fadf9a;
$color-2: #5fd3a2;
$color-3: #af958d;
$color-4: #e60808;
$color-5: #443a42;

TAILWIND

colors: {
  'brand-1': '#fadf9a',
  'brand-2': '#5fd3a2',
  'brand-3': '#af958d',
  'brand-4': '#e60808',
  'brand-5': '#443a42',
}

RGB Array

[250, 223, 154], [95, 211, 162], [175, 149, 141], [230, 8, 8], [68, 58, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FADF9A, #5FD3A2, #AF958D, #E60808, #443A42 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: #fadf9a; --color-2: #5fd3a2; --color-3: #af958d; --color-4: #e60808; --color-5: #443a42. 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