← Back to Editor

#73B9AC · #80575B · #FDEFD7 · #521B1B · #D9C3C3

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

#73B9AC

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#73B9AC
RGB
rgb(115, 185, 172)
HSL
hsl(169, 33%, 59%)
HSB
hsb(169, 38%, 73%)
CMYK
cmyk(38%, 0%, 7%, 27%)
Oklch
oklch(73.6% 0.074 181.1)

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

#80575B

Crimson · DimGray · Passion Red

HEX
#80575B
RGB
rgb(128, 87, 91)
HSL
hsl(354, 19%, 42%)
HSB
hsb(354, 32%, 50%)
CMYK
cmyk(0%, 32%, 29%, 50%)
Oklch
oklch(50.2% 0.055 12.8)

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

#FDEFD7

Goose Yellow · Beige · Peach Orange

HEX
#FDEFD7
RGB
rgb(253, 239, 215)
HSL
hsl(38, 90%, 92%)
HSB
hsb(38, 15%, 99%)
CMYK
cmyk(0%, 6%, 15%, 1%)
Oklch
oklch(95.7% 0.035 81.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#521B1B

Crimson · Maroon · Wine Red

HEX
#521B1B
RGB
rgb(82, 27, 27)
HSL
hsl(0, 50%, 21%)
HSB
hsb(0, 67%, 32%)
CMYK
cmyk(0%, 67%, 67%, 68%)
Oklch
oklch(30.8% 0.083 23.3)

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

#D9C3C3

Peach Pink · LightGray · Cherry Blossom

HEX
#D9C3C3
RGB
rgb(217, 195, 195)
HSL
hsl(0, 22%, 81%)
HSB
hsb(0, 10%, 85%)
CMYK
cmyk(0%, 10%, 10%, 15%)
Oklch
oklch(83.6% 0.025 17.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73B9AC
B97481

Analogous

74B98A
73B9AC
74A3B9

Triadic

73B9AC
AC74B9
B9AC74

Split-Comp.

73B9AC
B974A3
B98A74

Tetradic

73B9AC
8A74B9
B97481
A3B974

Contrast Matrix WCAG 2.1 Contrast

73B9AC
80575B
FDEFD7
521B1B
D9C3C3
—
2.7
Fail
2.0
Fail
6.0
AA
1.4
Fail
2.7
Fail
—
5.4
AA
2.2
Fail
3.7
AA Large
2.0
Fail
5.4
AA
—
12.1
AAA
1.5
Fail
6.0
AA
2.2
Fail
12.1
AAA
—
8.2
AAA
1.4
Fail
3.7
AA Large
1.5
Fail
8.2
AAA
—
White BG
2.3Fail
6.1AA
1.1Fail
13.7AAA
1.7Fail
Black BG
9.3AAA
3.4AA Large
18.5AAA
1.5Fail
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9192AF
6E6E5A
F7F7DD
3A3A1B
CFCFC3

Deuteranopia

8D88B0
71745A
F8F9DE
3D421B
D1D2C3

Tritanopia

77B2B2
7E5959
FCE1E2
4F1B1B
D8C3C3

Achromatopsia

A3A3A3
646464
F0F0F0
2B2B2B
CACACA

Shades & Tints Shades & Tints

#73B9AC

Dark
Light

#80575B

Dark
Light

#FDEFD7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73b9ac;
  --color-2: #80575b;
  --color-3: #fdefd7;
  --color-4: #521b1b;
  --color-5: #d9c3c3;
}

SCSS

$color-1: #73b9ac;
$color-2: #80575b;
$color-3: #fdefd7;
$color-4: #521b1b;
$color-5: #d9c3c3;

TAILWIND

colors: {
  'brand-1': '#73b9ac',
  'brand-2': '#80575b',
  'brand-3': '#fdefd7',
  'brand-4': '#521b1b',
  'brand-5': '#d9c3c3',
}

RGB Array

[115, 185, 172], [128, 87, 91], [253, 239, 215], [82, 27, 27], [217, 195, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #73B9AC, #80575B, #FDEFD7, #521B1B, #D9C3C3 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: #73b9ac; --color-2: #80575b; --color-3: #fdefd7; --color-4: #521b1b; --color-5: #d9c3c3. 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