← Back to Editor

#FADBA5 · #DFC18D · #C5B581 · #D8053A · #611329

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

#FADBA5

Goose Yellow · Wheat · Peach Orange

HEX
#FADBA5
RGB
rgb(250, 219, 165)
HSL
hsl(38, 89%, 81%)
HSB
hsb(38, 34%, 98%)
CMYK
cmyk(0%, 12%, 34%, 2%)
Oklch
oklch(90.5% 0.077 81.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DFC18D

Goose Yellow · BurlyWood · Warm Sun

HEX
#DFC18D
RGB
rgb(223, 193, 141)
HSL
hsl(38, 56%, 71%)
HSB
hsb(38, 37%, 87%)
CMYK
cmyk(0%, 13%, 37%, 13%)
Oklch
oklch(82.4% 0.076 81.0)

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

#C5B581

Ginger · Tan · Sunflower

HEX
#C5B581
RGB
rgb(197, 181, 129)
HSL
hsl(46, 37%, 64%)
HSB
hsb(46, 35%, 77%)
CMYK
cmyk(0%, 8%, 35%, 23%)
Oklch
oklch(77.4% 0.071 93.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D8053A

Vermilion · Crimson · Passion Red

HEX
#D8053A
RGB
rgb(216, 5, 58)
HSL
hsl(345, 95%, 43%)
HSB
hsb(345, 98%, 85%)
CMYK
cmyk(0%, 98%, 73%, 15%)
Oklch
oklch(56.0% 0.223 19.6)

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

#611329

Dark Violet · Maroon · Raspberry

HEX
#611329
RGB
rgb(97, 19, 41)
HSL
hsl(343, 67%, 23%)
HSB
hsb(343, 80%, 38%)
CMYK
cmyk(0%, 80%, 58%, 62%)
Oklch
oklch(33.1% 0.111 9.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FADBA5
A3C3FA

Analogous

FAAFA3
FADBA5
EEFAA3

Triadic

FADBA5
A3FADA
DAA3FA

Split-Comp.

FADBA5
A3EEFA
AFA3FA

Tetradic

FADBA5
A3FAAF
A3C3FA
FAA3EE

Contrast Matrix WCAG 2.1 Contrast

FADBA5
DFC18D
C5B581
D8053A
611329
—
1.3
Fail
1.5
Fail
3.9
AA Large
9.6
AAA
1.3
Fail
—
1.2
Fail
3.0
AA Large
7.4
AAA
1.5
Fail
1.2
Fail
—
2.6
Fail
6.3
AA
3.9
AA Large
3.0
AA Large
2.6
Fail
—
2.5
Fail
9.6
AAA
7.4
AAA
6.3
AA
2.5
Fail
—
White BG
1.3Fail
1.7Fail
2.0Fail
5.2AA
12.9AAA
Black BG
15.7AAA
12.2AAA
10.3AAA
4.0AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECB2
D2D29A
BEBE8E
7D7B2D
3F3F24

Deuteranopia

EEF1B5
D4D69D
BFC091
89992A
444A22

Tritanopia

F8BCBF
DEA4A6
C4989A
CD2321
5D1F1F

Achromatopsia

DEDEDE
C4C4C4
B4B4B4
4A4A4A
2D2D2D

Shades & Tints Shades & Tints

#FADBA5

Dark
Light

#DFC18D

Dark
Light

#C5B581

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fadba5;
  --color-2: #dfc18d;
  --color-3: #c5b581;
  --color-4: #d8053a;
  --color-5: #611329;
}

SCSS

$color-1: #fadba5;
$color-2: #dfc18d;
$color-3: #c5b581;
$color-4: #d8053a;
$color-5: #611329;

TAILWIND

colors: {
  'brand-1': '#fadba5',
  'brand-2': '#dfc18d',
  'brand-3': '#c5b581',
  'brand-4': '#d8053a',
  'brand-5': '#611329',
}

RGB Array

[250, 219, 165], [223, 193, 141], [197, 181, 129], [216, 5, 58], [97, 19, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FADBA5, #DFC18D, #C5B581, #D8053A, #611329 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fadba5; --color-2: #dfc18d; --color-3: #c5b581; --color-4: #d8053a; --color-5: #611329. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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