← Back to Editor

#FAD107 · #F9E57A · #595029 · #948979 · #F2EEDB

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

#FAD107

Autumn Sage · Gold · Honey Gold

HEX
#FAD107
RGB
rgb(250, 209, 7)
HSL
hsl(50, 96%, 50%)
HSB
hsb(50, 97%, 98%)
CMYK
cmyk(0%, 16%, 97%, 2%)
Oklch
oklch(87.0% 0.178 94.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F9E57A

Fresh Green · Khaki · Sunflower

HEX
#F9E57A
RGB
rgb(249, 229, 122)
HSL
hsl(51, 91%, 73%)
HSB
hsb(51, 51%, 98%)
CMYK
cmyk(0%, 8%, 51%, 2%)
Oklch
oklch(91.7% 0.130 98.9)

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

#595029

Ochre · DarkOliveGreen · Amber Gold

HEX
#595029
RGB
rgb(89, 80, 41)
HSL
hsl(49, 37%, 25%)
HSB
hsb(49, 54%, 35%)
CMYK
cmyk(0%, 10%, 54%, 65%)
Oklch
oklch(43.1% 0.058 96.7)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#948979

Ginger · Gray · Warm Sun

HEX
#948979
RGB
rgb(148, 137, 121)
HSL
hsl(36, 11%, 53%)
HSB
hsb(36, 18%, 58%)
CMYK
cmyk(0%, 7%, 18%, 42%)
Oklch
oklch(63.5% 0.027 77.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F2EEDB

Fresh Green · Beige · Lemon Cream

HEX
#F2EEDB
RGB
rgb(242, 238, 219)
HSL
hsl(50, 47%, 90%)
HSB
hsb(50, 10%, 95%)
CMYK
cmyk(0%, 2%, 10%, 5%)
Oklch
oklch(94.7% 0.025 97.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD107
052EFA

Analogous

FA5705
FAD107
A8FA05

Triadic

FAD107
05FAD1
D105FA

Split-Comp.

FAD107
05A8FA
5705FA

Tetradic

FAD107
05FA57
052EFA
FA05A8

Contrast Matrix WCAG 2.1 Contrast

FAD107
F9E57A
595029
948979
F2EEDB
—
1.2
Fail
5.4
AA
2.3
Fail
1.3
Fail
1.2
Fail
—
6.3
AA
2.7
Fail
1.1
Fail
5.4
AA
6.3
AA
—
2.3
Fail
6.9
AA
2.3
Fail
2.7
Fail
2.3
Fail
—
2.9
Fail
1.3
Fail
1.1
Fail
6.9
AA
2.9
Fail
—
White BG
1.5Fail
1.3Fail
8.1AAA
3.4AA Large
1.2Fail
Black BG
14.2AAA
16.5AAA
2.6Fail
6.1AA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E838
F0F094
555532
8F8F7D
F0F0E0

Deuteranopia

EBEE44
F2F39A
565635
90917E
F1F1E1

Tritanopia

F85E67
F8A8AD
593A3C
938081
F2E3E4

Achromatopsia

C6C6C6
DFDFDF
4E4E4E
8A8A8A
EDEDED

Shades & Tints Shades & Tints

#FAD107

Dark
Light

#F9E57A

Dark
Light

#595029

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad107;
  --color-2: #f9e57a;
  --color-3: #595029;
  --color-4: #948979;
  --color-5: #f2eedb;
}

SCSS

$color-1: #fad107;
$color-2: #f9e57a;
$color-3: #595029;
$color-4: #948979;
$color-5: #f2eedb;

TAILWIND

colors: {
  'brand-1': '#fad107',
  'brand-2': '#f9e57a',
  'brand-3': '#595029',
  'brand-4': '#948979',
  'brand-5': '#f2eedb',
}

RGB Array

[250, 209, 7], [249, 229, 122], [89, 80, 41], [148, 137, 121], [242, 238, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FAD107, #F9E57A, #595029, #948979, #F2EEDB 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: #fad107; --color-2: #f9e57a; --color-3: #595029; --color-4: #948979; --color-5: #f2eedb. 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