← Back to Editor

#D7BE7E · #290017 · #1E2A36 · #E7503F · #B4AE50

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

#D7BE7E

Ginger · BurlyWood · Sunflower

HEX
#D7BE7E
RGB
rgb(215, 190, 126)
HSL
hsl(43, 53%, 67%)
HSB
hsb(43, 41%, 84%)
CMYK
cmyk(0%, 12%, 41%, 16%)
Oklch
oklch(80.8% 0.087 89.0)

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

#290017

Rose Purple · Black · Raspberry

HEX
#290017
RGB
rgb(41, 0, 23)
HSL
hsl(326, 100%, 8%)
HSB
hsb(326, 100%, 16%)
CMYK
cmyk(0%, 100%, 44%, 84%)
Oklch
oklch(18.5% 0.077 350.6)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#1E2A36

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1E2A36
RGB
rgb(30, 42, 54)
HSL
hsl(210, 29%, 16%)
HSB
hsb(210, 44%, 21%)
CMYK
cmyk(44%, 22%, 0%, 79%)
Oklch
oklch(27.9% 0.028 248.9)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#E7503F

Vermilion · Tomato · Passion Red

HEX
#E7503F
RGB
rgb(231, 80, 63)
HSL
hsl(6, 78%, 58%)
HSB
hsb(6, 73%, 91%)
CMYK
cmyk(0%, 65%, 73%, 9%)
Oklch
oklch(63.5% 0.190 29.7)

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

#B4AE50

Autumn Sage · GoldenRod · Sunflower

HEX
#B4AE50
RGB
rgb(180, 174, 80)
HSL
hsl(56, 40%, 51%)
HSB
hsb(56, 56%, 71%)
CMYK
cmyk(0%, 3%, 56%, 29%)
Oklch
oklch(73.7% 0.117 105.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7BE7E
7E98D7

Analogous

D7927E
D7BE7E
C4D77E

Triadic

D7BE7E
7ED7BE
BE7ED7

Split-Comp.

D7BE7E
7EC4D7
927ED7

Tetradic

D7BE7E
7ED792
7E98D7
D77EC4

Contrast Matrix WCAG 2.1 Contrast

D7BE7E
290017
1E2A36
E7503F
B4AE50
—
10.4
AAA
8.0
AAA
2.1
Fail
1.3
Fail
10.4
AAA
—
1.3
Fail
5.1
AA
8.2
AAA
8.0
AAA
1.3
Fail
—
3.9
AA Large
6.3
AA
2.1
Fail
5.1
AA
3.9
AA Large
—
1.6
Fail
1.3
Fail
8.2
AAA
6.3
AA
1.6
Fail
—
White BG
1.8Fail
19.0AAA
14.6AAA
3.7AA Large
2.3Fail
Black BG
11.6AAA
1.1Fail
1.4Fail
5.6AA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC8D
171711
232333
A6A443
B1B167

Deuteranopia

CED091
1A1D10
232232
AEBA44
B2B26C

Tritanopia

D69A9C
270D0C
1F3130
DF4647
B4797D

Achromatopsia

BEBEBE
0F0F0F
282828
7B7B7B
A5A5A5

Shades & Tints Shades & Tints

#D7BE7E

Dark
Light

#290017

Dark
Light

#1E2A36

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7be7e;
  --color-2: #290017;
  --color-3: #1e2a36;
  --color-4: #e7503f;
  --color-5: #b4ae50;
}

SCSS

$color-1: #d7be7e;
$color-2: #290017;
$color-3: #1e2a36;
$color-4: #e7503f;
$color-5: #b4ae50;

TAILWIND

colors: {
  'brand-1': '#d7be7e',
  'brand-2': '#290017',
  'brand-3': '#1e2a36',
  'brand-4': '#e7503f',
  'brand-5': '#b4ae50',
}

RGB Array

[215, 190, 126], [41, 0, 23], [30, 42, 54], [231, 80, 63], [180, 174, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #D7BE7E, #290017, #1E2A36, #E7503F, #B4AE50 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: #d7be7e; --color-2: #290017; --color-3: #1e2a36; --color-4: #e7503f; --color-5: #b4ae50. 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