← Back to Editor

#76A085 · #29444C · #6F1C1C · #7F515F · #8C8967

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 MenuPoster

Color Details Color Details

#76A085

Celadon · LightSlateGray · Olive Green

HEX
#76A085
RGB
rgb(118, 160, 133)
HSL
hsl(141, 18%, 55%)
HSB
hsb(141, 26%, 63%)
CMYK
cmyk(26%, 0%, 17%, 37%)
Oklch
oklch(66.7% 0.061 156.2)

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

#29444C

Slate Blue · DarkSlateGray · Peacock Green

HEX
#29444C
RGB
rgb(41, 68, 76)
HSL
hsl(194, 30%, 23%)
HSB
hsb(194, 46%, 30%)
CMYK
cmyk(46%, 11%, 0%, 70%)
Oklch
oklch(36.8% 0.036 218.6)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#6F1C1C

Crimson · Maroon · Wine Red

HEX
#6F1C1C
RGB
rgb(111, 28, 28)
HSL
hsl(0, 60%, 27%)
HSB
hsb(0, 75%, 44%)
CMYK
cmyk(0%, 75%, 75%, 56%)
Oklch
oklch(36.4% 0.117 25.1)

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

#7F515F

Dark Violet · DimGray · Camellia

HEX
#7F515F
RGB
rgb(127, 81, 95)
HSL
hsl(342, 22%, 41%)
HSB
hsb(342, 36%, 50%)
CMYK
cmyk(0%, 36%, 25%, 50%)
Oklch
oklch(49.1% 0.064 360.0)

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

#8C8967

Autumn Sage · Gray · Honey Gold

HEX
#8C8967
RGB
rgb(140, 137, 103)
HSL
hsl(55, 15%, 48%)
HSB
hsb(55, 26%, 55%)
CMYK
cmyk(0%, 2%, 26%, 45%)
Oklch
oklch(62.4% 0.049 103.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

76A085
A17892

Analogous

7EA178
76A085
78A19B

Triadic

76A085
8678A1
A18678

Split-Comp.

76A085
9B78A1
A1787E

Tetradic

76A085
787EA1
A17892
A19B78

Contrast Matrix WCAG 2.1 Contrast

76A085
29444C
6F1C1C
7F515F
8C8967
—
3.5
AA Large
3.8
AA Large
2.2
Fail
1.2
Fail
3.5
AA Large
—
1.1
Fail
1.6
Fail
2.9
Fail
3.8
AA Large
1.1
Fail
—
1.7
Fail
3.2
AA Large
2.2
Fail
1.6
Fail
1.7
Fail
—
1.8
Fail
1.2
Fail
2.9
Fail
3.2
AA Large
1.8
Fail
—
White BG
2.9Fail
10.4AAA
11.3AAA
6.5AA
3.6AA Large
Black BG
7.1AAA
2.0Fail
1.9Fail
3.2AA Large
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

88898C
35354A
4B4A1C
6B6B5C
8B8B6F

Deuteranopia

86838D
33314A
50561C
6E715B
8B8B71

Tritanopia

789192
2A4948
6B1C1C
7D5958
8C7677

Achromatopsia

909090
3D3D3D
353535
606060
868686

Shades & Tints Shades & Tints

#76A085

Dark
Light

#29444C

Dark
Light

#6F1C1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #76a085;
  --color-2: #29444c;
  --color-3: #6f1c1c;
  --color-4: #7f515f;
  --color-5: #8c8967;
}

SCSS

$color-1: #76a085;
$color-2: #29444c;
$color-3: #6f1c1c;
$color-4: #7f515f;
$color-5: #8c8967;

TAILWIND

colors: {
  'brand-1': '#76a085',
  'brand-2': '#29444c',
  'brand-3': '#6f1c1c',
  'brand-4': '#7f515f',
  'brand-5': '#8c8967',
}

RGB Array

[118, 160, 133], [41, 68, 76], [111, 28, 28], [127, 81, 95], [140, 137, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #76A085, #29444C, #6F1C1C, #7F515F, #8C8967 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #76a085; --color-2: #29444c; --color-3: #6f1c1c; --color-4: #7f515f; --color-5: #8c8967. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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