← Back to Editor

#672038 · #74424B · #80635E · #8D8571 · #99A684

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 MenuPoster

Color Details Color Details

#672038

Dark Violet · Brown · Camellia

HEX
#672038
RGB
rgb(103, 32, 56)
HSL
hsl(340, 53%, 26%)
HSB
hsb(340, 69%, 40%)
CMYK
cmyk(0%, 69%, 46%, 60%)
Oklch
oklch(36.1% 0.104 3.1)

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

#74424B

Crimson · DimGray · Wine Red

HEX
#74424B
RGB
rgb(116, 66, 75)
HSL
hsl(349, 27%, 36%)
HSB
hsb(349, 43%, 45%)
CMYK
cmyk(0%, 43%, 35%, 55%)
Oklch
oklch(44.2% 0.070 8.7)

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

#80635E

Crimson · DimGray · Passion Red

HEX
#80635E
RGB
rgb(128, 99, 94)
HSL
hsl(9, 15%, 44%)
HSB
hsb(9, 27%, 50%)
CMYK
cmyk(0%, 23%, 27%, 50%)
Oklch
oklch(52.7% 0.039 29.7)

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

#8D8571

Ochre · Gray · Honey Gold

HEX
#8D8571
RGB
rgb(141, 133, 113)
HSL
hsl(43, 11%, 50%)
HSB
hsb(43, 20%, 55%)
CMYK
cmyk(0%, 6%, 20%, 45%)
Oklch
oklch(61.8% 0.031 88.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#99A684

Grass Green · DarkSeaGreen · Olive Green

HEX
#99A684
RGB
rgb(153, 166, 132)
HSL
hsl(83, 16%, 58%)
HSB
hsb(83, 20%, 65%)
CMYK
cmyk(8%, 0%, 20%, 35%)
Oklch
oklch(70.6% 0.050 124.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

672038
1F654E

Analogous

651F5A
672038
652B1F

Triadic

672038
37651F
1F3765

Split-Comp.

672038
1F652B
1F5A65

Tetradic

672038
5A651F
1F654E
2B1F65

Contrast Matrix WCAG 2.1 Contrast

672038
74424B
80635E
8D8571
99A684
—
1.4
Fail
2.1
Fail
3.1
AA Large
4.4
AA Large
1.4
Fail
—
1.5
Fail
2.2
Fail
3.1
AA Large
2.1
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
3.1
AA Large
2.2
Fail
1.5
Fail
—
1.4
Fail
4.4
AA Large
3.1
AA Large
2.1
Fail
1.4
Fail
—
White BG
11.4AAA
8.0AAA
5.4AA
3.7AA Large
2.6Fail
Black BG
1.8Fail
2.6Fail
3.9AA Large
5.7AA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484832
5E5E49
73735F
8A8976
9F9F8C

Deuteranopia

4C5231
616548
757760
8A8B77
9E9D8E

Tritanopia

632E2D
714747
7F6060
8D7A7B
9A9394

Achromatopsia

383838
525252
6B6B6B
858585
9E9E9E

Shades & Tints Shades & Tints

#672038

Dark
Light

#74424B

Dark
Light

#80635E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #672038;
  --color-2: #74424b;
  --color-3: #80635e;
  --color-4: #8d8571;
  --color-5: #99a684;
}

SCSS

$color-1: #672038;
$color-2: #74424b;
$color-3: #80635e;
$color-4: #8d8571;
$color-5: #99a684;

TAILWIND

colors: {
  'brand-1': '#672038',
  'brand-2': '#74424b',
  'brand-3': '#80635e',
  'brand-4': '#8d8571',
  'brand-5': '#99a684',
}

RGB Array

[103, 32, 56], [116, 66, 75], [128, 99, 94], [141, 133, 113], [153, 166, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #672038, #74424B, #80635E, #8D8571, #99A684 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #672038; --color-2: #74424b; --color-3: #80635e; --color-4: #8d8571; --color-5: #99a684. 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. 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. Restrained colors convey professionalism and trust. 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