← Back to Editor

#605340 · #B06948 · #B7A367 · #E5D7B3 · #5F7162

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

#605340

Ochre · DarkOliveGreen · Amber Brown

HEX
#605340
RGB
rgb(96, 83, 64)
HSL
hsl(36, 20%, 31%)
HSB
hsb(36, 33%, 38%)
CMYK
cmyk(0%, 14%, 33%, 62%)
Oklch
oklch(45.0% 0.034 77.1)

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

#B06948

Tangerine · Sienna · Amber Brown

HEX
#B06948
RGB
rgb(176, 105, 72)
HSL
hsl(19, 42%, 49%)
HSB
hsb(19, 59%, 69%)
CMYK
cmyk(0%, 40%, 59%, 31%)
Oklch
oklch(59.2% 0.103 45.2)

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

#B7A367

Ginger · Tan · Sunflower

HEX
#B7A367
RGB
rgb(183, 163, 103)
HSL
hsl(45, 36%, 56%)
HSB
hsb(45, 44%, 72%)
CMYK
cmyk(0%, 11%, 44%, 28%)
Oklch
oklch(71.9% 0.082 91.7)

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

#E5D7B3

Goose Yellow · Wheat · Lemon Cream

HEX
#E5D7B3
RGB
rgb(229, 215, 179)
HSL
hsl(43, 49%, 80%)
HSB
hsb(43, 22%, 90%)
CMYK
cmyk(0%, 6%, 22%, 10%)
Oklch
oklch(88.1% 0.050 89.3)

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

#5F7162

Celadon · DimGray · Warm Gray

HEX
#5F7162
RGB
rgb(95, 113, 98)
HSL
hsl(130, 9%, 41%)
HSB
hsb(130, 16%, 44%)
CMYK
cmyk(16%, 0%, 13%, 56%)
Oklch
oklch(52.9% 0.032 150.0)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605340
3F4C5F

Analogous

5F423F
605340
5C5F3F

Triadic

605340
3F5F52
523F5F

Split-Comp.

605340
3F5C5F
423F5F

Tetradic

605340
3F5F42
3F4C5F
5F3F5C

Contrast Matrix WCAG 2.1 Contrast

605340
B06948
B7A367
E5D7B3
5F7162
—
1.8
Fail
3.0
AA Large
5.2
AA
1.4
Fail
1.8
Fail
—
1.7
Fail
3.0
Fail
1.2
Fail
3.0
AA Large
1.7
Fail
—
1.7
Fail
2.1
Fail
5.2
AA
3.0
Fail
1.7
Fail
—
3.7
AA Large
1.4
Fail
1.2
Fail
2.1
Fail
3.7
AA Large
—
White BG
7.5AAA
4.2AA Large
2.5Fail
1.4Fail
5.2AA
Black BG
2.8Fail
5.0AA
8.4AAA
14.7AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A45
919150
AEAE76
DFDFBC
676766

Deuteranopia

5B5C46
959B52
B0B179
E0E1BE
666467

Tritanopia

5F4849
AC5658
B68184
E4C3C4
606869

Achromatopsia

555555
7A7A7A
A2A2A2
D7D7D7
6A6A6A

Shades & Tints Shades & Tints

#605340

Dark
Light

#B06948

Dark
Light

#B7A367

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605340;
  --color-2: #b06948;
  --color-3: #b7a367;
  --color-4: #e5d7b3;
  --color-5: #5f7162;
}

SCSS

$color-1: #605340;
$color-2: #b06948;
$color-3: #b7a367;
$color-4: #e5d7b3;
$color-5: #5f7162;

TAILWIND

colors: {
  'brand-1': '#605340',
  'brand-2': '#b06948',
  'brand-3': '#b7a367',
  'brand-4': '#e5d7b3',
  'brand-5': '#5f7162',
}

RGB Array

[96, 83, 64], [176, 105, 72], [183, 163, 103], [229, 215, 179], [95, 113, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #605340, #B06948, #B7A367, #E5D7B3, #5F7162 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: #605340; --color-2: #b06948; --color-3: #b7a367; --color-4: #e5d7b3; --color-5: #5f7162. 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