← Back to Editor

#D5BA73 · #996633 · #000000 · #CCCC77 · #F3E393

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

#D5BA73

Ginger · BurlyWood · Sunflower

HEX
#D5BA73
RGB
rgb(213, 186, 115)
HSL
hsl(43, 54%, 64%)
HSB
hsb(43, 46%, 84%)
CMYK
cmyk(0%, 13%, 46%, 16%)
Oklch
oklch(79.7% 0.095 89.3)

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

#996633

Ochre · Sienna · Amber Brown

HEX
#996633
RGB
rgb(153, 102, 51)
HSL
hsl(30, 50%, 40%)
HSB
hsb(30, 67%, 60%)
CMYK
cmyk(0%, 33%, 67%, 40%)
Oklch
oklch(55.4% 0.094 63.7)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#CCCC77

Fresh Green · BurlyWood · Sunflower

HEX
#CCCC77
RGB
rgb(204, 204, 119)
HSL
hsl(60, 45%, 63%)
HSB
hsb(60, 42%, 80%)
CMYK
cmyk(0%, 0%, 42%, 20%)
Oklch
oklch(82.7% 0.108 108.5)

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

#F3E393

Fresh Green · Khaki · Lemon Cream

HEX
#F3E393
RGB
rgb(243, 227, 147)
HSL
hsl(50, 80%, 76%)
HSB
hsb(50, 40%, 95%)
CMYK
cmyk(0%, 7%, 40%, 5%)
Oklch
oklch(91.1% 0.102 98.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5BA73
728ED5

Analogous

D58772
D5BA73
BFD572

Triadic

D5BA73
72D5B9
B972D5

Split-Comp.

D5BA73
72BFD5
8772D5

Tetradic

D5BA73
72D587
728ED5
D572BF

Contrast Matrix WCAG 2.1 Contrast

D5BA73
996633
000000
CCCC77
F3E393
—
2.6
Fail
11.1
AAA
1.1
Fail
1.5
Fail
2.6
Fail
—
4.3
AA Large
2.9
Fail
3.8
AA Large
11.1
AAA
4.3
AA Large
—
12.5
AAA
16.2
AAA
1.1
Fail
2.9
Fail
12.5
AAA
—
1.3
Fail
1.5
Fail
3.8
AA Large
16.2
AAA
1.3
Fail
—
White BG
1.9Fail
4.9AA
21.0AAA
1.7Fail
1.3Fail
Black BG
11.1AAA
4.3AA Large
1.0Fail
12.5AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C984
83823F
000000
CCCC8C
ECECA6

Deuteranopia

CBCD88
868A42
000000
CCCC91
EDEEAB

Tritanopia

D49295
96494B
000000
CC9C9F
F2B6B9

Achromatopsia

BABABA
6F6F6F
000000
C2C2C2
DFDFDF

Shades & Tints Shades & Tints

#D5BA73

Dark
Light

#996633

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5ba73;
  --color-2: #996633;
  --color-3: #000000;
  --color-4: #cccc77;
  --color-5: #f3e393;
}

SCSS

$color-1: #d5ba73;
$color-2: #996633;
$color-3: #000000;
$color-4: #cccc77;
$color-5: #f3e393;

TAILWIND

colors: {
  'brand-1': '#d5ba73',
  'brand-2': '#996633',
  'brand-3': '#000000',
  'brand-4': '#cccc77',
  'brand-5': '#f3e393',
}

RGB Array

[213, 186, 115], [153, 102, 51], [0, 0, 0], [204, 204, 119], [243, 227, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #D5BA73, #996633, #000000, #CCCC77, #F3E393 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: #d5ba73; --color-2: #996633; --color-3: #000000; --color-4: #cccc77; --color-5: #f3e393. 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