← Back to Editor

#505954 · #F8FBC1 · #A4A981 · #5B5F63 · #E6DF83

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

#505954

Ink Gray · DarkSlateGray · Charcoal

HEX
#505954
RGB
rgb(80, 89, 84)
HSL
hsl(147, 5%, 33%)
HSB
hsb(147, 10%, 35%)
CMYK
cmyk(10%, 0%, 6%, 65%)
Oklch
oklch(45.4% 0.014 161.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#F8FBC1

Fresh Green · Bisque · Lemon Cream

HEX
#F8FBC1
RGB
rgb(248, 251, 193)
HSL
hsl(63, 88%, 87%)
HSB
hsb(63, 23%, 98%)
CMYK
cmyk(1%, 0%, 23%, 2%)
Oklch
oklch(97.2% 0.074 110.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#A4A981

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A4A981
RGB
rgb(164, 169, 129)
HSL
hsl(67, 19%, 58%)
HSB
hsb(67, 24%, 66%)
CMYK
cmyk(3%, 0%, 24%, 34%)
Oklch
oklch(72.0% 0.056 113.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#5B5F63

Ink Gray · DimGray · Charcoal

HEX
#5B5F63
RGB
rgb(91, 95, 99)
HSL
hsl(210, 4%, 37%)
HSB
hsb(210, 8%, 39%)
CMYK
cmyk(8%, 4%, 0%, 61%)
Oklch
oklch(48.3% 0.008 248.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#E6DF83

Fresh Green · Khaki · Sunflower

HEX
#E6DF83
RGB
rgb(230, 223, 131)
HSL
hsl(56, 66%, 71%)
HSB
hsb(56, 43%, 90%)
CMYK
cmyk(0%, 3%, 43%, 10%)
Oklch
oklch(89.0% 0.114 104.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

505954
585055

Analogous

505850
505954
505858

Triadic

505954
545058
585450

Split-Comp.

505954
585058
585050

Tetradic

505954
505058
585055
585850

Contrast Matrix WCAG 2.1 Contrast

505954
F8FBC1
A4A981
5B5F63
E6DF83
—
6.7
AA
3.0
Fail
1.1
Fail
5.3
AA
6.7
AA
—
2.3
Fail
6.0
AA
1.3
Fail
3.0
Fail
2.3
Fail
—
2.6
Fail
1.8
Fail
1.1
Fail
6.0
AA
2.6
Fail
—
4.7
AA
5.3
AA
1.3
Fail
1.8
Fail
4.7
AA
—
White BG
7.2AAA
1.1Fail
2.5Fail
6.4AA
1.4Fail
Black BG
2.9Fail
19.6AAA
8.6AAA
3.3AA Large
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545455
F9F9CF
A6A68B
5D5D62
E3E399

Deuteranopia

535356
F9F9D2
A6A68D
5D5C62
E3E49F

Tritanopia

505656
F8DADD
A49294
5B6161
E6ABAF

Achromatopsia

565656
F3F3F3
A3A3A3
5E5E5E
D7D7D7

Shades & Tints Shades & Tints

#505954

Dark
Light

#F8FBC1

Dark
Light

#A4A981

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #505954;
  --color-2: #f8fbc1;
  --color-3: #a4a981;
  --color-4: #5b5f63;
  --color-5: #e6df83;
}

SCSS

$color-1: #505954;
$color-2: #f8fbc1;
$color-3: #a4a981;
$color-4: #5b5f63;
$color-5: #e6df83;

TAILWIND

colors: {
  'brand-1': '#505954',
  'brand-2': '#f8fbc1',
  'brand-3': '#a4a981',
  'brand-4': '#5b5f63',
  'brand-5': '#e6df83',
}

RGB Array

[80, 89, 84], [248, 251, 193], [164, 169, 129], [91, 95, 99], [230, 223, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #505954, #F8FBC1, #A4A981, #5B5F63, #E6DF83 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: #505954; --color-2: #f8fbc1; --color-3: #a4a981; --color-4: #5b5f63; --color-5: #e6df83. 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