← Back to Editor

#323232 · #34A07A · #47AB54 · #B0D41B

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#323232

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#323232
RGB
rgb(50, 50, 50)
HSL
hsl(0, 0%, 20%)
HSB
hsb(0, 0%, 20%)
CMYK
cmyk(0%, 0%, 0%, 80%)
Oklch
oklch(31.7% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#34A07A

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#34A07A
RGB
rgb(52, 160, 122)
HSL
hsl(159, 51%, 42%)
HSB
hsb(159, 68%, 63%)
CMYK
cmyk(68%, 0%, 24%, 37%)
Oklch
oklch(63.4% 0.114 165.6)

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

#47AB54

Celadon · MediumSeaGreen · Olive Green

HEX
#47AB54
RGB
rgb(71, 171, 84)
HSL
hsl(128, 41%, 47%)
HSB
hsb(128, 58%, 67%)
CMYK
cmyk(58%, 0%, 51%, 33%)
Oklch
oklch(66.1% 0.156 146.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#B0D41B

Grass Green · GreenYellow · Olive Green

HEX
#B0D41B
RGB
rgb(176, 212, 27)
HSL
hsl(72, 77%, 47%)
HSB
hsb(72, 87%, 83%)
CMYK
cmyk(17%, 0%, 87%, 17%)
Oklch
oklch(81.5% 0.191 121.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

323232
333333

Analogous

333333
323232
333333

Triadic

323232
333333
333333

Split-Comp.

323232
333333
333333

Tetradic

323232
333333
333333
333333

Contrast Matrix WCAG 2.1 Contrast

323232
34A07A
47AB54
B0D41B
—
3.9
AA Large
4.4
AA Large
7.5
AAA
3.9
AA Large
—
1.1
Fail
1.9
Fail
4.4
AA Large
1.1
Fail
—
1.7
Fail
7.5
AAA
1.9
Fail
1.7
Fail
—
White BG
12.8AAA
3.3AA Large
2.9Fail
1.7Fail
Black BG
1.6Fail
6.5AA
7.2AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

323232
636483
727369
C0C048

Deuteranopia

323232
5D5485
6D656E
BEBB53

Tritanopia

323232
398A8C
4C7A7D
B26B73

Achromatopsia

323232
7B7B7B
838383
B4B4B4

Shades & Tints Shades & Tints

#323232

Dark
Light

#34A07A

Dark
Light

#47AB54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #323232;
  --color-2: #34a07a;
  --color-3: #47ab54;
  --color-4: #b0d41b;
}

SCSS

$color-1: #323232;
$color-2: #34a07a;
$color-3: #47ab54;
$color-4: #b0d41b;

TAILWIND

colors: {
  'brand-1': '#323232',
  'brand-2': '#34a07a',
  'brand-3': '#47ab54',
  'brand-4': '#b0d41b',
}

RGB Array

[50, 50, 50], [52, 160, 122], [71, 171, 84], [176, 212, 27]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This vintage-style palette of #323232, #34A07A, #47AB54, #B0D41B is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #323232; --color-2: #34a07a; --color-3: #47ab54; --color-4: #b0d41b. 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. 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 4-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