← Back to Editor

#8B1C11 · #57826E · #29251A · #CDCBB4 · #B98A18

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 MenuPosterData Visualization

Color Details Color Details

#8B1C11

Vermilion · DarkRed · Wine Red

HEX
#8B1C11
RGB
rgb(139, 28, 17)
HSL
hsl(5, 78%, 31%)
HSB
hsb(5, 88%, 55%)
CMYK
cmyk(0%, 80%, 88%, 45%)
Oklch
oklch(41.7% 0.148 30.1)

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

#57826E

Mineral Blue · DimGray · Olive Green

HEX
#57826E
RGB
rgb(87, 130, 110)
HSL
hsl(152, 20%, 43%)
HSB
hsb(152, 33%, 51%)
CMYK
cmyk(33%, 0%, 15%, 49%)
Oklch
oklch(56.9% 0.057 163.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#29251A

Ochre · Black · Amber Gold

HEX
#29251A
RGB
rgb(41, 37, 26)
HSL
hsl(44, 22%, 13%)
HSB
hsb(44, 37%, 16%)
CMYK
cmyk(0%, 10%, 37%, 84%)
Oklch
oklch(26.5% 0.020 90.4)

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

#CDCBB4

Fresh Green · Silver · Sunflower

HEX
#CDCBB4
RGB
rgb(205, 203, 180)
HSL
hsl(55, 20%, 75%)
HSB
hsb(55, 12%, 80%)
CMYK
cmyk(0%, 1%, 12%, 20%)
Oklch
oklch(83.7% 0.031 103.0)

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

#B98A18

Ochre · DarkGoldenRod · Honey Gold

HEX
#B98A18
RGB
rgb(185, 138, 24)
HSL
hsl(42, 77%, 41%)
HSB
hsb(42, 87%, 73%)
CMYK
cmyk(0%, 25%, 87%, 27%)
Oklch
oklch(66.2% 0.130 83.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8B1C11
11828D

Analogous

8D1145
8B1C11
8D5911

Triadic

8B1C11
118D1C
1C118D

Split-Comp.

8B1C11
118D59
11458D

Tetradic

8B1C11
458D11
11828D
59118D

Contrast Matrix WCAG 2.1 Contrast

8B1C11
57826E
29251A
CDCBB4
B98A18
—
2.1
Fail
1.7
Fail
5.6
AA
3.0
Fail
2.1
Fail
—
3.5
AA Large
2.7
Fail
1.4
Fail
1.7
Fail
3.5
AA Large
—
9.3
AAA
4.9
AA
5.6
AA
2.7
Fail
9.3
AAA
—
1.9
Fail
3.0
Fail
1.4
Fail
4.9
AA
1.9
Fail
—
White BG
9.2AAA
4.4AA Large
15.3AAA
1.6Fail
3.1AA Large
Black BG
2.3Fail
4.8AA
1.4Fail
12.8AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5A14
6A6A73
27271D
CCCCBA
A5A434

Deuteranopia

616A14
676474
28281D
CCCCBB
A7AB3A

Tritanopia

851616
597778
291F1F
CDBEBF
B7494E

Achromatopsia

3C3C3C
737373
252525
C9C9C9
8B8B8B

Shades & Tints Shades & Tints

#8B1C11

Dark
Light

#57826E

Dark
Light

#29251A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8b1c11;
  --color-2: #57826e;
  --color-3: #29251a;
  --color-4: #cdcbb4;
  --color-5: #b98a18;
}

SCSS

$color-1: #8b1c11;
$color-2: #57826e;
$color-3: #29251a;
$color-4: #cdcbb4;
$color-5: #b98a18;

TAILWIND

colors: {
  'brand-1': '#8b1c11',
  'brand-2': '#57826e',
  'brand-3': '#29251a',
  'brand-4': '#cdcbb4',
  'brand-5': '#b98a18',
}

RGB Array

[139, 28, 17], [87, 130, 110], [41, 37, 26], [205, 203, 180], [185, 138, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #8B1C11, #57826E, #29251A, #CDCBB4, #B98A18 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: #8b1c11; --color-2: #57826e; --color-3: #29251a; --color-4: #cdcbb4; --color-5: #b98a18. 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