← Back to Editor

#2A0A28 · #006277 · #6B8290 · #AE98A2 · #F1AEB3

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

#2A0A28

Rose Purple · Black · Dark Purple

HEX
#2A0A28
RGB
rgb(42, 10, 40)
HSL
hsl(304, 62%, 10%)
HSB
hsb(304, 76%, 16%)
CMYK
cmyk(0%, 76%, 5%, 84%)
Oklch
oklch(21.4% 0.070 330.2)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#006277

Lake Blue · Teal · Peacock Green

HEX
#006277
RGB
rgb(0, 98, 119)
HSL
hsl(191, 100%, 23%)
HSB
hsb(191, 100%, 47%)
CMYK
cmyk(100%, 18%, 0%, 53%)
Oklch
oklch(45.9% 0.083 219.2)

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

#6B8290

Slate Blue · SlateGray · Navy Blue

HEX
#6B8290
RGB
rgb(107, 130, 144)
HSL
hsl(203, 15%, 49%)
HSB
hsb(203, 26%, 56%)
CMYK
cmyk(26%, 10%, 0%, 44%)
Oklch
oklch(59.3% 0.034 234.9)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#AE98A2

Rouge · DarkGray · Rose Pink

HEX
#AE98A2
RGB
rgb(174, 152, 162)
HSL
hsl(333, 12%, 64%)
HSB
hsb(333, 13%, 68%)
CMYK
cmyk(0%, 13%, 7%, 32%)
Oklch
oklch(70.2% 0.029 348.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F1AEB3

Peach Pink · LightPink · Cherry Blossom

HEX
#F1AEB3
RGB
rgb(241, 174, 179)
HSL
hsl(356, 71%, 81%)
HSB
hsb(356, 28%, 95%)
CMYK
cmyk(0%, 28%, 26%, 5%)
Oklch
oklch(81.5% 0.079 14.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A0A28
0A290C

Analogous

1C0A29
2A0A28
290A17

Triadic

2A0A28
27290A
0A2729

Split-Comp.

2A0A28
17290A
0A291C

Tetradic

2A0A28
291C0A
0A290C
0A1729

Contrast Matrix WCAG 2.1 Contrast

2A0A28
006277
6B8290
AE98A2
F1AEB3
—
2.6
Fail
4.5
AA Large
6.7
AA
9.8
AAA
2.6
Fail
—
1.7
Fail
2.6
Fail
3.8
AA Large
4.5
AA Large
1.7
Fail
—
1.5
Fail
2.2
Fail
6.7
AA
2.6
Fail
1.5
Fail
—
1.5
Fail
9.8
AAA
3.8
AA Large
2.2
Fail
1.5
Fail
—
White BG
17.9AAA
7.0AA
4.0AA Large
2.7Fail
1.8Fail
Black BG
1.2Fail
3.0AA Large
5.2AA
7.8AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C21
2A2B72
75758D
A4A4A0
D4D3B2

Deuteranopia

1E201F
251D71
74728C
A6A79F
D8DDB2

Tritanopia

281B1A
056E6D
6C8A89
AD9E9D
EEB1B1

Achromatopsia

171717
474747
7D7D7D
A0A0A0
C3C3C3

Shades & Tints Shades & Tints

#2A0A28

Dark
Light

#006277

Dark
Light

#6B8290

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a0a28;
  --color-2: #006277;
  --color-3: #6b8290;
  --color-4: #ae98a2;
  --color-5: #f1aeb3;
}

SCSS

$color-1: #2a0a28;
$color-2: #006277;
$color-3: #6b8290;
$color-4: #ae98a2;
$color-5: #f1aeb3;

TAILWIND

colors: {
  'brand-1': '#2a0a28',
  'brand-2': '#006277',
  'brand-3': '#6b8290',
  'brand-4': '#ae98a2',
  'brand-5': '#f1aeb3',
}

RGB Array

[42, 10, 40], [0, 98, 119], [107, 130, 144], [174, 152, 162], [241, 174, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #2A0A28, #006277, #6B8290, #AE98A2, #F1AEB3 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: #2a0a28; --color-2: #006277; --color-3: #6b8290; --color-4: #ae98a2; --color-5: #f1aeb3. 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