← Back to Editor

#49575A · #3D3B49 · #8D8970 · #ECECC6 · #F1D4AA

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

#49575A

Slate Blue · DarkSlateGray · Mint Ice

HEX
#49575A
RGB
rgb(73, 87, 90)
HSL
hsl(191, 10%, 32%)
HSB
hsb(191, 19%, 35%)
CMYK
cmyk(19%, 3%, 0%, 65%)
Oklch
oklch(44.6% 0.018 212.1)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#3D3B49

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3D3B49
RGB
rgb(61, 59, 73)
HSL
hsl(249, 11%, 26%)
HSB
hsb(249, 19%, 29%)
CMYK
cmyk(16%, 19%, 0%, 71%)
Oklch
oklch(36.0% 0.024 291.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#8D8970

Autumn Sage · Gray · Honey Gold

HEX
#8D8970
RGB
rgb(141, 137, 112)
HSL
hsl(52, 11%, 50%)
HSB
hsb(52, 21%, 55%)
CMYK
cmyk(0%, 3%, 21%, 45%)
Oklch
oklch(62.7% 0.036 99.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#ECECC6

Fresh Green · Bisque · Lemon Cream

HEX
#ECECC6
RGB
rgb(236, 236, 198)
HSL
hsl(60, 50%, 85%)
HSB
hsb(60, 16%, 93%)
CMYK
cmyk(0%, 0%, 16%, 7%)
Oklch
oklch(93.3% 0.050 107.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F1D4AA

Goose Yellow · Wheat · Peach Orange

HEX
#F1D4AA
RGB
rgb(241, 212, 170)
HSL
hsl(35, 72%, 81%)
HSB
hsb(35, 29%, 95%)
CMYK
cmyk(0%, 12%, 29%, 5%)
Oklch
oklch(88.4% 0.064 76.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49575A
5A4C49

Analogous

495A55
49575A
494F5A

Triadic

49575A
5A4957
575A49

Split-Comp.

49575A
5A494F
5A5549

Tetradic

49575A
55495A
5A4C49
4F5A49

Contrast Matrix WCAG 2.1 Contrast

49575A
3D3B49
8D8970
ECECC6
F1D4AA
—
1.5
Fail
2.1
Fail
6.2
AA
5.3
AA
1.5
Fail
—
3.1
AA Large
9.1
AAA
7.7
AAA
2.1
Fail
3.1
AA Large
—
2.9
Fail
2.5
Fail
6.2
AA
9.1
AAA
2.9
Fail
—
1.2
Fail
5.3
AA
7.7
AAA
2.5
Fail
1.2
Fail
—
White BG
7.5AAA
10.9AAA
3.5AA Large
1.2Fail
1.4Fail
Black BG
2.8Fail
1.9Fail
5.9AA
17.4AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F59
3C3C46
8B8B76
ECECCF
E4E4B4

Deuteranopia

4E4D59
3C3C45
8C8C78
ECECD1
E6E8B7

Tritanopia

4A5959
3D4342
8D7B7C
ECD6D8
F0BCBE

Achromatopsia

535353
3D3D3D
878787
E8E8E8
D8D8D8

Shades & Tints Shades & Tints

#49575A

Dark
Light

#3D3B49

Dark
Light

#8D8970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49575a;
  --color-2: #3d3b49;
  --color-3: #8d8970;
  --color-4: #ececc6;
  --color-5: #f1d4aa;
}

SCSS

$color-1: #49575a;
$color-2: #3d3b49;
$color-3: #8d8970;
$color-4: #ececc6;
$color-5: #f1d4aa;

TAILWIND

colors: {
  'brand-1': '#49575a',
  'brand-2': '#3d3b49',
  'brand-3': '#8d8970',
  'brand-4': '#ececc6',
  'brand-5': '#f1d4aa',
}

RGB Array

[73, 87, 90], [61, 59, 73], [141, 137, 112], [236, 236, 198], [241, 212, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #49575A, #3D3B49, #8D8970, #ECECC6, #F1D4AA 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: #49575a; --color-2: #3d3b49; --color-3: #8d8970; --color-4: #ececc6; --color-5: #f1d4aa. 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