← Back to Editor

#87E1CF · #ABCAC0 · #D190B8 · #FA2A8B · #604546

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

#87E1CF

Jade · SkyBlue · Lake Green

HEX
#87E1CF
RGB
rgb(135, 225, 207)
HSL
hsl(168, 60%, 71%)
HSB
hsb(168, 40%, 88%)
CMYK
cmyk(40%, 0%, 8%, 12%)
Oklch
oklch(84.8% 0.091 179.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#ABCAC0

Jade · Silver · Lake Green

HEX
#ABCAC0
RGB
rgb(171, 202, 192)
HSL
hsl(161, 23%, 73%)
HSB
hsb(161, 15%, 79%)
CMYK
cmyk(15%, 0%, 5%, 21%)
Oklch
oklch(81.3% 0.036 173.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#D190B8

Mauve · Orchid · Rose Pink

HEX
#D190B8
RGB
rgb(209, 144, 184)
HSL
hsl(323, 41%, 69%)
HSB
hsb(323, 31%, 82%)
CMYK
cmyk(0%, 31%, 12%, 18%)
Oklch
oklch(73.0% 0.094 342.2)

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

#FA2A8B

Dark Violet · DeepPink · Rose Pink

HEX
#FA2A8B
RGB
rgb(250, 42, 139)
HSL
hsl(332, 95%, 57%)
HSB
hsb(332, 83%, 98%)
CMYK
cmyk(0%, 83%, 44%, 2%)
Oklch
oklch(65.2% 0.244 359.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#604546

Crimson · DarkOliveGreen · Wine Red

HEX
#604546
RGB
rgb(96, 69, 70)
HSL
hsl(358, 16%, 32%)
HSB
hsb(358, 28%, 38%)
CMYK
cmyk(0%, 28%, 27%, 62%)
Oklch
oklch(42.0% 0.037 16.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

87E1CF
E1899A

Analogous

89E1A3
87E1CF
89C7E1

Triadic

87E1CF
D089E1
E1D089

Split-Comp.

87E1CF
E189C7
E1A389

Tetradic

87E1CF
A389E1
E1899A
C7E189

Contrast Matrix WCAG 2.1 Contrast

87E1CF
ABCAC0
D190B8
FA2A8B
604546
—
1.1
Fail
1.6
Fail
2.4
Fail
5.6
AA
1.1
Fail
—
1.4
Fail
2.1
Fail
4.9
AA
1.6
Fail
1.4
Fail
—
1.5
Fail
3.4
AA Large
2.4
Fail
2.1
Fail
1.5
Fail
—
2.4
Fail
5.6
AA
4.9
AA
3.4
AA Large
2.4
Fail
—
White BG
1.5Fail
1.8Fail
2.5Fail
3.6AA Large
8.6AAA
Black BG
13.7AAA
11.9AAA
8.4AAA
5.8AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAFD3
B8B9C2
B5B4AE
A09E74
545446

Deuteranopia

A9A2D4
B7B4C3
B9BDAC
ACBC6E
565846

Tritanopia

8CD7D8
ADC4C5
CEA7A5
F0615D
5F4646

Achromatopsia

C4C4C4
C0C0C0
A8A8A8
737373
4D4D4D

Shades & Tints Shades & Tints

#87E1CF

Dark
Light

#ABCAC0

Dark
Light

#D190B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #87e1cf;
  --color-2: #abcac0;
  --color-3: #d190b8;
  --color-4: #fa2a8b;
  --color-5: #604546;
}

SCSS

$color-1: #87e1cf;
$color-2: #abcac0;
$color-3: #d190b8;
$color-4: #fa2a8b;
$color-5: #604546;

TAILWIND

colors: {
  'brand-1': '#87e1cf',
  'brand-2': '#abcac0',
  'brand-3': '#d190b8',
  'brand-4': '#fa2a8b',
  'brand-5': '#604546',
}

RGB Array

[135, 225, 207], [171, 202, 192], [209, 144, 184], [250, 42, 139], [96, 69, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #87E1CF, #ABCAC0, #D190B8, #FA2A8B, #604546 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: #87e1cf; --color-2: #abcac0; --color-3: #d190b8; --color-4: #fa2a8b; --color-5: #604546. 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