← Back to Editor

#C5BEB0 · #958888 · #574D64 · #414141 · #454B53

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

#C5BEB0

Goose Yellow · Silver · Sunflower

HEX
#C5BEB0
RGB
rgb(197, 190, 176)
HSL
hsl(40, 15%, 73%)
HSB
hsb(40, 11%, 77%)
CMYK
cmyk(0%, 4%, 11%, 23%)
Oklch
oklch(80.3% 0.021 84.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#958888

Ash · Gray · Silver Sand

HEX
#958888
RGB
rgb(149, 136, 136)
HSL
hsl(0, 6%, 56%)
HSB
hsb(0, 9%, 58%)
CMYK
cmyk(0%, 9%, 9%, 42%)
Oklch
oklch(63.8% 0.016 17.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#574D64

Deep Indigo · DimGray · Eggplant

HEX
#574D64
RGB
rgb(87, 77, 100)
HSL
hsl(266, 13%, 35%)
HSB
hsb(266, 23%, 39%)
CMYK
cmyk(13%, 23%, 0%, 61%)
Oklch
oklch(43.9% 0.039 304.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#414141

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#414141
RGB
rgb(65, 65, 65)
HSL
hsl(0, 0%, 25%)
HSB
hsb(0, 0%, 25%)
CMYK
cmyk(0%, 0%, 0%, 75%)
Oklch
oklch(37.5% 0.000 89.9)

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

#454B53

Indigo · DarkSlateGray · Charcoal

HEX
#454B53
RGB
rgb(69, 75, 83)
HSL
hsl(214, 9%, 30%)
HSB
hsb(214, 17%, 33%)
CMYK
cmyk(17%, 10%, 0%, 67%)
Oklch
oklch(41.0% 0.016 255.6)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5BEB0
B0B7C4

Analogous

C4B3B0
C5BEB0
C1C4B0

Triadic

C5BEB0
B0C4BE
BEB0C4

Split-Comp.

C5BEB0
B0C1C4
B3B0C4

Tetradic

C5BEB0
B0C4B3
B0B7C4
C4B0C1

Contrast Matrix WCAG 2.1 Contrast

C5BEB0
958888
574D64
414141
454B53
—
1.8
Fail
4.3
AA Large
5.5
AA
4.8
AA
1.8
Fail
—
2.3
Fail
3.0
Fail
2.6
Fail
4.3
AA Large
2.3
Fail
—
1.3
Fail
1.1
Fail
5.5
AA
3.0
Fail
1.3
Fail
—
1.2
Fail
4.8
AA
2.6
Fail
1.1
Fail
1.2
Fail
—
White BG
1.8Fail
3.4AA Large
7.9AAA
10.2AAA
8.8AAA
Black BG
11.4AAA
6.2AA
2.7Fail
2.1Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2B3
8F8F88
53535E
414141
484851

Deuteranopia

C2C3B4
909188
53545D
414141
474751

Tritanopia

C5B6B7
948888
565A59
414141
45504F

Achromatopsia

BEBEBE
8C8C8C
535353
414141
4A4A4A

Shades & Tints Shades & Tints

#C5BEB0

Dark
Light

#958888

Dark
Light

#574D64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5beb0;
  --color-2: #958888;
  --color-3: #574d64;
  --color-4: #414141;
  --color-5: #454b53;
}

SCSS

$color-1: #c5beb0;
$color-2: #958888;
$color-3: #574d64;
$color-4: #414141;
$color-5: #454b53;

TAILWIND

colors: {
  'brand-1': '#c5beb0',
  'brand-2': '#958888',
  'brand-3': '#574d64',
  'brand-4': '#414141',
  'brand-5': '#454b53',
}

RGB Array

[197, 190, 176], [149, 136, 136], [87, 77, 100], [65, 65, 65], [69, 75, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C5BEB0, #958888, #574D64, #414141, #454B53 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #c5beb0; --color-2: #958888; --color-3: #574d64; --color-4: #414141; --color-5: #454b53. 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. 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