← Back to Editor

#2A1921 · #009989 · #E69486 · #73AEB4 · #BFCDB7

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

#2A1921

Dark Violet · Black · Raspberry

HEX
#2A1921
RGB
rgb(42, 25, 33)
HSL
hsl(332, 25%, 13%)
HSB
hsb(332, 40%, 16%)
CMYK
cmyk(0%, 40%, 21%, 84%)
Oklch
oklch(23.9% 0.030 349.9)

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

#009989

Mineral Blue · Teal · Mint Ice

HEX
#009989
RGB
rgb(0, 153, 137)
HSL
hsl(174, 100%, 30%)
HSB
hsb(174, 100%, 60%)
CMYK
cmyk(100%, 0%, 10%, 40%)
Oklch
oklch(61.3% 0.110 182.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#E69486

Peach Pink · DarkSalmon · Coral Red

HEX
#E69486
RGB
rgb(230, 148, 134)
HSL
hsl(9, 66%, 71%)
HSB
hsb(9, 42%, 90%)
CMYK
cmyk(0%, 36%, 42%, 10%)
Oklch
oklch(74.6% 0.102 30.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#73AEB4

Slate Blue · CadetBlue · Lake Green

HEX
#73AEB4
RGB
rgb(115, 174, 180)
HSL
hsl(186, 30%, 58%)
HSB
hsb(186, 36%, 71%)
CMYK
cmyk(36%, 3%, 0%, 29%)
Oklch
oklch(71.3% 0.062 204.0)

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

#BFCDB7

Celadon · Silver · Apple Green

HEX
#BFCDB7
RGB
rgb(191, 205, 183)
HSL
hsl(98, 18%, 76%)
HSB
hsb(98, 11%, 80%)
CMYK
cmyk(7%, 0%, 11%, 20%)
Oklch
oklch(83.2% 0.034 134.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A1921
192922

Analogous

291929
2A1921
291919

Triadic

2A1921
212919
192129

Split-Comp.

2A1921
192919
192929

Tetradic

2A1921
292919
192922
191929

Contrast Matrix WCAG 2.1 Contrast

2A1921
009989
E69486
73AEB4
BFCDB7
—
4.7
AA
7.1
AAA
6.7
AA
10.0
AAA
4.7
AA
—
1.5
Fail
1.4
Fail
2.1
Fail
7.1
AAA
1.5
Fail
—
1.1
Fail
1.4
Fail
6.7
AA
1.4
Fail
1.1
Fail
—
1.5
Fail
10.0
AAA
2.1
Fail
1.4
Fail
1.5
Fail
—
White BG
16.7AAA
3.5AA Large
2.3Fail
2.5Fail
1.7Fail
Black BG
1.3Fail
5.9AA
8.9AAA
8.4AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

23221F
42448D
C2C289
8D8DB3
C5C5BC

Deuteranopia

24251F
392E8E
C7CD8A
8985B2
C4C3BE

Tritanopia

291E1D
089091
E28C8D
76B1B1
C0C1C1

Achromatopsia

1F1F1F
696969
ABABAB
9D9D9D
C6C6C6

Shades & Tints Shades & Tints

#2A1921

Dark
Light

#009989

Dark
Light

#E69486

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a1921;
  --color-2: #009989;
  --color-3: #e69486;
  --color-4: #73aeb4;
  --color-5: #bfcdb7;
}

SCSS

$color-1: #2a1921;
$color-2: #009989;
$color-3: #e69486;
$color-4: #73aeb4;
$color-5: #bfcdb7;

TAILWIND

colors: {
  'brand-1': '#2a1921',
  'brand-2': '#009989',
  'brand-3': '#e69486',
  'brand-4': '#73aeb4',
  'brand-5': '#bfcdb7',
}

RGB Array

[42, 25, 33], [0, 153, 137], [230, 148, 134], [115, 174, 180], [191, 205, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #2A1921, #009989, #E69486, #73AEB4, #BFCDB7 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: #2a1921; --color-2: #009989; --color-3: #e69486; --color-4: #73aeb4; --color-5: #bfcdb7. 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