← Back to Editor

#E1D7B3 · #BBB583 · #AB8E62 · #8D494A · #47333C

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

#E1D7B3

Goose Yellow · Wheat · Lemon Cream

HEX
#E1D7B3
RGB
rgb(225, 215, 179)
HSL
hsl(47, 43%, 79%)
HSB
hsb(47, 20%, 88%)
CMYK
cmyk(0%, 4%, 20%, 12%)
Oklch
oklch(87.8% 0.049 94.3)

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

#BBB583

Fresh Green · Tan · Sunflower

HEX
#BBB583
RGB
rgb(187, 181, 131)
HSL
hsl(54, 29%, 62%)
HSB
hsb(54, 30%, 73%)
CMYK
cmyk(0%, 3%, 30%, 27%)
Oklch
oklch(76.6% 0.067 102.1)

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

#AB8E62

Ginger · Gray · Warm Sun

HEX
#AB8E62
RGB
rgb(171, 142, 98)
HSL
hsl(36, 30%, 53%)
HSB
hsb(36, 43%, 67%)
CMYK
cmyk(0%, 17%, 43%, 33%)
Oklch
oklch(66.3% 0.069 77.5)

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

#8D494A

Crimson · Sienna · Passion Red

HEX
#8D494A
RGB
rgb(141, 73, 74)
HSL
hsl(359, 32%, 42%)
HSB
hsb(359, 48%, 55%)
CMYK
cmyk(0%, 48%, 48%, 45%)
Oklch
oklch(48.9% 0.092 20.1)

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

#47333C

Dark Violet · DarkSlateGray · Raspberry

HEX
#47333C
RGB
rgb(71, 51, 60)
HSL
hsl(333, 16%, 24%)
HSB
hsb(333, 28%, 28%)
CMYK
cmyk(0%, 28%, 15%, 72%)
Oklch
oklch(34.7% 0.032 350.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1D7B3
B2BCE0

Analogous

E0BFB2
E1D7B3
D3E0B2

Triadic

E1D7B3
B2E0D6
D6B2E0

Split-Comp.

E1D7B3
B2D3E0
BFB2E0

Tetradic

E1D7B3
B2E0BF
B2BCE0
E0B2D3

Contrast Matrix WCAG 2.1 Contrast

E1D7B3
BBB583
AB8E62
8D494A
47333C
—
1.4
Fail
2.2
Fail
4.6
AA
8.1
AAA
1.4
Fail
—
1.5
Fail
3.2
AA Large
5.6
AA
2.2
Fail
1.5
Fail
—
2.1
Fail
3.8
AA Large
4.6
AA
3.2
AA Large
2.1
Fail
—
1.8
Fail
8.1
AAA
5.6
AA
3.8
AA Large
1.8
Fail
—
White BG
1.4Fail
2.1Fail
3.1AA Large
6.6AA
11.6AAA
Black BG
14.6AAA
10.1AAA
6.8AA
3.2AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDBC
B8B88F
9E9E6D
706F4A
3E3E3A

Deuteranopia

DDDEBE
B9B992
A0A26F
74794A
404139

Tritanopia

E1C3C4
BB999B
AA7577
8A4A4A
463838

Achromatopsia

D6D6D6
B1B1B1
929292
5D5D5D
3A3A3A

Shades & Tints Shades & Tints

#E1D7B3

Dark
Light

#BBB583

Dark
Light

#AB8E62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1d7b3;
  --color-2: #bbb583;
  --color-3: #ab8e62;
  --color-4: #8d494a;
  --color-5: #47333c;
}

SCSS

$color-1: #e1d7b3;
$color-2: #bbb583;
$color-3: #ab8e62;
$color-4: #8d494a;
$color-5: #47333c;

TAILWIND

colors: {
  'brand-1': '#e1d7b3',
  'brand-2': '#bbb583',
  'brand-3': '#ab8e62',
  'brand-4': '#8d494a',
  'brand-5': '#47333c',
}

RGB Array

[225, 215, 179], [187, 181, 131], [171, 142, 98], [141, 73, 74], [71, 51, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E1D7B3, #BBB583, #AB8E62, #8D494A, #47333C 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: #e1d7b3; --color-2: #bbb583; --color-3: #ab8e62; --color-4: #8d494a; --color-5: #47333c. 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