← Back to Editor

#EB77A7 · #DB4482 · #912350 · #542452 · #2C222B

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#EB77A7

Rouge · LightCoral · Rose Pink

HEX
#EB77A7
RGB
rgb(235, 119, 167)
HSL
hsl(335, 74%, 69%)
HSB
hsb(335, 49%, 92%)
CMYK
cmyk(0%, 49%, 29%, 8%)
Oklch
oklch(71.5% 0.152 355.5)

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

#DB4482

Dark Violet · MediumVioletRed · Rose Pink

HEX
#DB4482
RGB
rgb(219, 68, 130)
HSL
hsl(335, 68%, 56%)
HSB
hsb(335, 69%, 86%)
CMYK
cmyk(0%, 69%, 41%, 14%)
Oklch
oklch(61.8% 0.194 359.4)

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

#912350

Dark Violet · Brown · Camellia

HEX
#912350
RGB
rgb(145, 35, 80)
HSL
hsl(335, 61%, 35%)
HSB
hsb(335, 76%, 57%)
CMYK
cmyk(0%, 76%, 45%, 43%)
Oklch
oklch(44.7% 0.149 0.6)

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

#542452

Rose Purple · DarkSlateGray · Eggplant

HEX
#542452
RGB
rgb(84, 36, 82)
HSL
hsl(302, 40%, 24%)
HSB
hsb(302, 57%, 33%)
CMYK
cmyk(0%, 57%, 2%, 67%)
Oklch
oklch(34.7% 0.097 329.0)

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

#2C222B

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2C222B
RGB
rgb(44, 34, 43)
HSL
hsl(306, 13%, 15%)
HSB
hsb(306, 23%, 17%)
CMYK
cmyk(0%, 23%, 2%, 83%)
Oklch
oklch(26.7% 0.022 329.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB77A7
75EABA

Analogous

EA75E1
EB77A7
EA7F75

Triadic

EB77A7
A6EA75
75A6EA

Split-Comp.

EB77A7
75EA7F
75E1EA

Tetradic

EB77A7
E1EA75
75EABA
7F75EA

Contrast Matrix WCAG 2.1 Contrast

EB77A7
DB4482
912350
542452
2C222B
—
1.5
Fail
3.0
AA Large
4.4
AA Large
5.6
AA
1.5
Fail
—
2.0
Fail
2.9
Fail
3.8
AA Large
3.0
AA Large
2.0
Fail
—
1.5
Fail
1.9
Fail
4.4
AA Large
2.9
Fail
1.5
Fail
—
1.3
Fail
5.6
AA
3.8
AA Large
1.9
Fail
1.3
Fail
—
White BG
2.7Fail
4.1AA Large
8.2AAA
12.0AAA
15.3AAA
Black BG
7.7AAA
5.2AA
2.6Fail
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B89B
9A9873
616045
3F3F47
282829

Deuteranopia

C0C899
A2AE6F
687043
424644
282928

Tritanopia

E59290
D36765
8C3D3B
523E3C
2C2727

Achromatopsia

9F9F9F
787878
494949
383838
262626

Shades & Tints Shades & Tints

#EB77A7

Dark
Light

#DB4482

Dark
Light

#912350

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb77a7;
  --color-2: #db4482;
  --color-3: #912350;
  --color-4: #542452;
  --color-5: #2c222b;
}

SCSS

$color-1: #eb77a7;
$color-2: #db4482;
$color-3: #912350;
$color-4: #542452;
$color-5: #2c222b;

TAILWIND

colors: {
  'brand-1': '#eb77a7',
  'brand-2': '#db4482',
  'brand-3': '#912350',
  'brand-4': '#542452',
  'brand-5': '#2c222b',
}

RGB Array

[235, 119, 167], [219, 68, 130], [145, 35, 80], [84, 36, 82], [44, 34, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EB77A7, #DB4482, #912350, #542452, #2C222B is ideal for: tech websites, dark mode UIs, game UIs, 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: #eb77a7; --color-2: #db4482; --color-3: #912350; --color-4: #542452; --color-5: #2c222b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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