← Back to Editor

#ADAD8B · #A34E3A · #95411F · #78231C · #33302B

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

#ADAD8B

Fresh Green · DarkGray · Sunflower

HEX
#ADAD8B
RGB
rgb(173, 173, 139)
HSL
hsl(60, 17%, 61%)
HSB
hsb(60, 20%, 68%)
CMYK
cmyk(0%, 0%, 20%, 32%)
Oklch
oklch(73.9% 0.047 107.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A34E3A

Crimson · Sienna · Passion Red

HEX
#A34E3A
RGB
rgb(163, 78, 58)
HSL
hsl(11, 48%, 43%)
HSB
hsb(11, 64%, 64%)
CMYK
cmyk(0%, 52%, 64%, 36%)
Oklch
oklch(52.6% 0.117 34.5)

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

#95411F

Tangerine · Sienna · Amber Brown

HEX
#95411F
RGB
rgb(149, 65, 31)
HSL
hsl(17, 66%, 35%)
HSB
hsb(17, 79%, 58%)
CMYK
cmyk(0%, 56%, 79%, 42%)
Oklch
oklch(48.1% 0.123 41.1)

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

#78231C

Vermilion · Maroon · Wine Red

HEX
#78231C
RGB
rgb(120, 35, 28)
HSL
hsl(5, 62%, 29%)
HSB
hsb(5, 77%, 47%)
CMYK
cmyk(0%, 71%, 77%, 53%)
Oklch
oklch(38.9% 0.120 28.5)

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

#33302B

Ochre · DarkSlateGray · Dark Stone

HEX
#33302B
RGB
rgb(51, 48, 43)
HSL
hsl(37, 9%, 18%)
HSB
hsb(37, 16%, 20%)
CMYK
cmyk(0%, 6%, 16%, 80%)
Oklch
oklch(31.1% 0.010 80.7)

Traditional「Ochre」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADAD8B
8B8BAC

Analogous

AC9C8B
ADAD8B
9CAC8B

Triadic

ADAD8B
8BACAC
AC8BAC

Split-Comp.

ADAD8B
8B9CAC
9C8BAC

Tetradic

ADAD8B
8BAC9C
8B8BAC
AC8B9C

Contrast Matrix WCAG 2.1 Contrast

ADAD8B
A34E3A
95411F
78231C
33302B
—
2.5
Fail
3.0
Fail
4.4
AA Large
5.7
AA
2.5
Fail
—
1.2
Fail
1.8
Fail
2.3
Fail
3.0
Fail
1.2
Fail
—
1.5
Fail
1.9
Fail
4.4
AA Large
1.8
Fail
1.5
Fail
—
1.3
Fail
5.7
AA
2.3
Fail
1.9
Fail
1.3
Fail
—
White BG
2.3Fail
5.7AA
6.9AA
10.2AAA
13.1AAA
Black BG
9.1AAA
3.7AA Large
3.1AA Large
2.1Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD93
7E7D3F
717027
53521E
32322C

Deuteranopia

ADAD95
838A40
767C29
585F1E
32322D

Tritanopia

AD9A9B
9F4344
912E2F
741F1F
332D2D

Achromatopsia

A9A9A9
656565
565656
3C3C3C
303030

Shades & Tints Shades & Tints

#ADAD8B

Dark
Light

#A34E3A

Dark
Light

#95411F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adad8b;
  --color-2: #a34e3a;
  --color-3: #95411f;
  --color-4: #78231c;
  --color-5: #33302b;
}

SCSS

$color-1: #adad8b;
$color-2: #a34e3a;
$color-3: #95411f;
$color-4: #78231c;
$color-5: #33302b;

TAILWIND

colors: {
  'brand-1': '#adad8b',
  'brand-2': '#a34e3a',
  'brand-3': '#95411f',
  'brand-4': '#78231c',
  'brand-5': '#33302b',
}

RGB Array

[173, 173, 139], [163, 78, 58], [149, 65, 31], [120, 35, 28], [51, 48, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #ADAD8B, #A34E3A, #95411F, #78231C, #33302B is ideal for: tech websites, dark mode UIs, game UIs, 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: #adad8b; --color-2: #a34e3a; --color-3: #95411f; --color-4: #78231c; --color-5: #33302b. 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. 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