← Back to Editor

#3A2A34 · #738170 · #84B07F · #D8CB94 · #68191C

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

#3A2A34

Rose Purple · DarkSlateGray · Raspberry

HEX
#3A2A34
RGB
rgb(58, 42, 52)
HSL
hsl(323, 16%, 20%)
HSB
hsb(323, 28%, 23%)
CMYK
cmyk(0%, 28%, 10%, 77%)
Oklch
oklch(30.7% 0.029 341.0)

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

#738170

Ink Gray · Gray · Warm Gray

HEX
#738170
RGB
rgb(115, 129, 112)
HSL
hsl(109, 7%, 47%)
HSB
hsb(109, 13%, 51%)
CMYK
cmyk(11%, 0%, 13%, 49%)
Oklch
oklch(58.7% 0.030 140.2)

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

#84B07F

Celadon · DarkSeaGreen · Olive Green

HEX
#84B07F
RGB
rgb(132, 176, 127)
HSL
hsl(114, 24%, 59%)
HSB
hsb(114, 28%, 69%)
CMYK
cmyk(25%, 0%, 28%, 31%)
Oklch
oklch(71.2% 0.084 142.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#D8CB94

Goose Yellow · BurlyWood · Sunflower

HEX
#D8CB94
RGB
rgb(216, 203, 148)
HSL
hsl(49, 47%, 71%)
HSB
hsb(49, 31%, 85%)
CMYK
cmyk(0%, 6%, 31%, 15%)
Oklch
oklch(84.0% 0.073 96.4)

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

#68191C

Vermilion · Maroon · Wine Red

HEX
#68191C
RGB
rgb(104, 25, 28)
HSL
hsl(358, 61%, 25%)
HSB
hsb(358, 76%, 41%)
CMYK
cmyk(0%, 76%, 73%, 59%)
Oklch
oklch(34.7% 0.112 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3A2A34
2B3B31

Analogous

392B3B
3A2A34
3B2B2D

Triadic

3A2A34
353B2B
2B353B

Split-Comp.

3A2A34
2D3B2B
2B3B39

Tetradic

3A2A34
3B392B
2B3B31
2B2D3B

Contrast Matrix WCAG 2.1 Contrast

3A2A34
738170
84B07F
D8CB94
68191C
—
3.3
AA Large
5.4
AA
8.3
AAA
1.1
Fail
3.3
AA Large
—
1.7
Fail
2.5
Fail
2.9
Fail
5.4
AA
1.7
Fail
—
1.5
Fail
4.9
AA
8.3
AAA
2.5
Fail
1.5
Fail
—
7.4
AAA
1.1
Fail
2.9
Fail
4.9
AA
7.4
AAA
—
White BG
13.5AAA
4.1AA Large
2.5Fail
1.6Fail
12.0AAA
Black BG
1.6Fail
5.1AA
8.5AAA
12.9AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

333332
797974
97978B
D2D2A1
46451B

Deuteranopia

343531
787775
95918E
D3D4A5
4A501B

Tritanopia

39302F
747778
869496
D7ACAE
641B1B

Achromatopsia

303030
7B7B7B
9D9D9D
C9C9C9
313131

Shades & Tints Shades & Tints

#3A2A34

Dark
Light

#738170

Dark
Light

#84B07F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3a2a34;
  --color-2: #738170;
  --color-3: #84b07f;
  --color-4: #d8cb94;
  --color-5: #68191c;
}

SCSS

$color-1: #3a2a34;
$color-2: #738170;
$color-3: #84b07f;
$color-4: #d8cb94;
$color-5: #68191c;

TAILWIND

colors: {
  'brand-1': '#3a2a34',
  'brand-2': '#738170',
  'brand-3': '#84b07f',
  'brand-4': '#d8cb94',
  'brand-5': '#68191c',
}

RGB Array

[58, 42, 52], [115, 129, 112], [132, 176, 127], [216, 203, 148], [104, 25, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #3A2A34, #738170, #84B07F, #D8CB94, #68191C 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: #3a2a34; --color-2: #738170; --color-3: #84b07f; --color-4: #d8cb94; --color-5: #68191c. 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