← Back to Editor

#2C464C · #080707 · #F2E6BF · #D11512 · #AB9D42

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

#2C464C

Slate Blue · DarkSlateGray · Peacock Green

HEX
#2C464C
RGB
rgb(44, 70, 76)
HSL
hsl(191, 27%, 24%)
HSB
hsb(191, 42%, 30%)
CMYK
cmyk(42%, 8%, 0%, 70%)
Oklch
oklch(37.6% 0.033 213.8)

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

#080707

Ink Black · Black · Jet Black

HEX
#080707
RGB
rgb(8, 7, 7)
HSL
hsl(0, 7%, 3%)
HSB
hsb(0, 13%, 3%)
CMYK
cmyk(0%, 12%, 12%, 97%)
Oklch
oklch(13.0% 0.002 17.4)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#F2E6BF

Goose Yellow · Bisque · Lemon Cream

HEX
#F2E6BF
RGB
rgb(242, 230, 191)
HSL
hsl(46, 66%, 85%)
HSB
hsb(46, 21%, 95%)
CMYK
cmyk(0%, 5%, 21%, 5%)
Oklch
oklch(92.5% 0.053 92.9)

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

#D11512

Vermilion · FireBrick · Passion Red

HEX
#D11512
RGB
rgb(209, 21, 18)
HSL
hsl(1, 84%, 45%)
HSB
hsb(1, 91%, 82%)
CMYK
cmyk(0%, 90%, 91%, 18%)
Oklch
oklch(54.7% 0.215 28.7)

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

#AB9D42

Autumn Sage · GoldenRod · Honey Gold

HEX
#AB9D42
RGB
rgb(171, 157, 66)
HSL
hsl(52, 44%, 46%)
HSB
hsb(52, 61%, 67%)
CMYK
cmyk(0%, 8%, 61%, 33%)
Oklch
oklch(69.0% 0.113 100.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C464C
4E332D

Analogous

2D4E43
2C464C
2D374E

Triadic

2C464C
4E2D48
484E2D

Split-Comp.

2C464C
4E2D37
4E432D

Tetradic

2C464C
432D4E
4E332D
374E2D

Contrast Matrix WCAG 2.1 Contrast

2C464C
080707
F2E6BF
D11512
AB9D42
—
2.0
Fail
8.1
AAA
1.8
Fail
3.7
AA Large
2.0
Fail
—
16.1
AAA
3.7
AA Large
7.3
AAA
8.1
AAA
16.1
AAA
—
4.4
AA Large
2.2
Fail
1.8
Fail
3.7
AA Large
4.4
AA Large
—
2.0
Fail
3.7
AA Large
7.3
AAA
2.2
Fail
2.0
Fail
—
White BG
10.1AAA
20.1AAA
1.2Fail
5.5AA
2.8Fail
Black BG
2.1Fail
1.0Fail
16.8AAA
3.8AA Large
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

37374B
080807
EDEDC8
807E13
A5A558

Deuteranopia

36344A
080807
EEEECB
8B9913
A6A75D

Tritanopia

2D4949
080707
F1D0D2
C81313
AA696D

Achromatopsia

3F3F3F
070707
E5E5E5
4D4D4D
979797

Shades & Tints Shades & Tints

#2C464C

Dark
Light

#080707

Dark
Light

#F2E6BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c464c;
  --color-2: #080707;
  --color-3: #f2e6bf;
  --color-4: #d11512;
  --color-5: #ab9d42;
}

SCSS

$color-1: #2c464c;
$color-2: #080707;
$color-3: #f2e6bf;
$color-4: #d11512;
$color-5: #ab9d42;

TAILWIND

colors: {
  'brand-1': '#2c464c',
  'brand-2': '#080707',
  'brand-3': '#f2e6bf',
  'brand-4': '#d11512',
  'brand-5': '#ab9d42',
}

RGB Array

[44, 70, 76], [8, 7, 7], [242, 230, 191], [209, 21, 18], [171, 157, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #2C464C, #080707, #F2E6BF, #D11512, #AB9D42 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: #2c464c; --color-2: #080707; --color-3: #f2e6bf; --color-4: #d11512; --color-5: #ab9d42. 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