← Back to Editor

#5D3330 · #D63E2F · #D8703E · #D4AC59 · #B5DEA6

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

#5D3330

Crimson · DarkOliveGreen · Wine Red

HEX
#5D3330
RGB
rgb(93, 51, 48)
HSL
hsl(4, 32%, 28%)
HSB
hsb(4, 48%, 36%)
CMYK
cmyk(0%, 45%, 48%, 64%)
Oklch
oklch(37.3% 0.061 24.8)

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

#D63E2F

Vermilion · Crimson · Passion Red

HEX
#D63E2F
RGB
rgb(214, 62, 47)
HSL
hsl(5, 67%, 51%)
HSB
hsb(5, 78%, 84%)
CMYK
cmyk(0%, 71%, 78%, 16%)
Oklch
oklch(58.6% 0.191 29.6)

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

#D8703E

Tangerine · Chocolate · Warm Sun

HEX
#D8703E
RGB
rgb(216, 112, 62)
HSL
hsl(19, 66%, 55%)
HSB
hsb(19, 71%, 85%)
CMYK
cmyk(0%, 48%, 71%, 15%)
Oklch
oklch(65.6% 0.145 44.8)

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

#D4AC59

Ginger · SandyBrown · Sunflower

HEX
#D4AC59
RGB
rgb(212, 172, 89)
HSL
hsl(40, 59%, 59%)
HSB
hsb(40, 58%, 83%)
CMYK
cmyk(0%, 19%, 58%, 17%)
Oklch
oklch(76.4% 0.112 83.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B5DEA6

Celadon · Silver · Apple Green

HEX
#B5DEA6
RGB
rgb(181, 222, 166)
HSL
hsl(104, 46%, 76%)
HSB
hsb(104, 25%, 87%)
CMYK
cmyk(18%, 0%, 25%, 13%)
Oklch
oklch(85.7% 0.087 137.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D3330
315B5E

Analogous

5E3144
5D3330
5E4A31

Triadic

5D3330
315E34
34315E

Split-Comp.

5D3330
315E4A
31445E

Tetradic

5D3330
445E31
315B5E
4A315E

Contrast Matrix WCAG 2.1 Contrast

5D3330
D63E2F
D8703E
D4AC59
B5DEA6
—
2.3
Fail
3.2
AA Large
5.0
AA
7.0
AAA
2.3
Fail
—
1.4
Fail
2.1
Fail
3.0
AA Large
3.2
AA Large
1.4
Fail
—
1.6
Fail
2.2
Fail
5.0
AA
2.1
Fail
1.6
Fail
—
1.4
Fail
7.0
AAA
3.0
AA Large
2.2
Fail
1.4
Fail
—
White BG
10.6AAA
4.6AA
3.3AA Large
2.1Fail
1.5Fail
Black BG
2.0Fail
4.6AA
6.3AA
9.8AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A31
949333
ABAA4A
C3C26D
C7C7B4

Deuteranopia

4D5031
9DA834
B1B94D
C5C872
C4C1B7

Tritanopia

5B3131
CE3536
D35456
D27D80
B7BEC1

Achromatopsia

3F3F3F
6A6A6A
898989
AEAEAE
CBCBCB

Shades & Tints Shades & Tints

#5D3330

Dark
Light

#D63E2F

Dark
Light

#D8703E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d3330;
  --color-2: #d63e2f;
  --color-3: #d8703e;
  --color-4: #d4ac59;
  --color-5: #b5dea6;
}

SCSS

$color-1: #5d3330;
$color-2: #d63e2f;
$color-3: #d8703e;
$color-4: #d4ac59;
$color-5: #b5dea6;

TAILWIND

colors: {
  'brand-1': '#5d3330',
  'brand-2': '#d63e2f',
  'brand-3': '#d8703e',
  'brand-4': '#d4ac59',
  'brand-5': '#b5dea6',
}

RGB Array

[93, 51, 48], [214, 62, 47], [216, 112, 62], [212, 172, 89], [181, 222, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #5D3330, #D63E2F, #D8703E, #D4AC59, #B5DEA6 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: #5d3330; --color-2: #d63e2f; --color-3: #d8703e; --color-4: #d4ac59; --color-5: #b5dea6. 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