← Back to Editor

#757372 · #49B0BF · #92B392 · #AFBF49 · #B0BFB0

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 MenuPoster

Color Details Color Details

#757372

Ink Gray · DimGray · Warm Gray

HEX
#757372
RGB
rgb(117, 115, 114)
HSL
hsl(20, 1%, 45%)
HSB
hsb(20, 3%, 46%)
CMYK
cmyk(0%, 2%, 3%, 54%)
Oklch
oklch(55.7% 0.003 48.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#49B0BF

Slate Blue · MediumTurquoise · Lake Green

HEX
#49B0BF
RGB
rgb(73, 176, 191)
HSL
hsl(188, 48%, 52%)
HSB
hsb(188, 62%, 75%)
CMYK
cmyk(62%, 8%, 0%, 25%)
Oklch
oklch(70.3% 0.096 208.4)

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

#92B392

Celadon · DarkSeaGreen · Apple Green

HEX
#92B392
RGB
rgb(146, 179, 146)
HSL
hsl(120, 18%, 64%)
HSB
hsb(120, 18%, 70%)
CMYK
cmyk(18%, 0%, 18%, 30%)
Oklch
oklch(73.3% 0.059 144.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#AFBF49

Autumn Sage · GoldenRod · Sunflower

HEX
#AFBF49
RGB
rgb(175, 191, 73)
HSL
hsl(68, 48%, 52%)
HSB
hsb(68, 62%, 75%)
CMYK
cmyk(8%, 0%, 62%, 25%)
Oklch
oklch(76.9% 0.143 116.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B0BFB0

Celadon · Silver · Apple Green

HEX
#B0BFB0
RGB
rgb(176, 191, 176)
HSL
hsl(120, 10%, 72%)
HSB
hsb(120, 8%, 75%)
CMYK
cmyk(8%, 0%, 8%, 25%)
Oklch
oklch(78.9% 0.027 145.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

757372
727374

Analogous

747272
757372
747472

Triadic

757372
727472
727274

Split-Comp.

757372
727474
727274

Tetradic

757372
727472
727374
747274

Contrast Matrix WCAG 2.1 Contrast

757372
49B0BF
92B392
AFBF49
B0BFB0
—
1.9
Fail
2.0
Fail
2.3
Fail
2.5
Fail
1.9
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
2.0
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
2.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
2.5
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
4.7AA
2.5Fail
2.3Fail
2.0Fail
1.9Fail
Black BG
4.5AA Large
8.2AAA
9.1AAA
10.4AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747472
7677BB
A0A19A
B6B666
B6B7B4

Deuteranopia

747472
7068BB
9E9C9C
B5B46C
B6B5B5

Tritanopia

757272
4EB9B8
94A0A2
B07C81
B1B6B7

Achromatopsia

737373
939393
A5A5A5
ADADAD
B9B9B9

Shades & Tints Shades & Tints

#757372

Dark
Light

#49B0BF

Dark
Light

#92B392

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #757372;
  --color-2: #49b0bf;
  --color-3: #92b392;
  --color-4: #afbf49;
  --color-5: #b0bfb0;
}

SCSS

$color-1: #757372;
$color-2: #49b0bf;
$color-3: #92b392;
$color-4: #afbf49;
$color-5: #b0bfb0;

TAILWIND

colors: {
  'brand-1': '#757372',
  'brand-2': '#49b0bf',
  'brand-3': '#92b392',
  'brand-4': '#afbf49',
  'brand-5': '#b0bfb0',
}

RGB Array

[117, 115, 114], [73, 176, 191], [146, 179, 146], [175, 191, 73], [176, 191, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #757372, #49B0BF, #92B392, #AFBF49, #B0BFB0 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #757372; --color-2: #49b0bf; --color-3: #92b392; --color-4: #afbf49; --color-5: #b0bfb0. 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. 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. Restrained colors convey professionalism and trust. 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