← Back to Editor

#454456 · #674C51 · #935968 · #AC8F49 · #B8AF46

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

#454456

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#454456
RGB
rgb(69, 68, 86)
HSL
hsl(243, 12%, 30%)
HSB
hsb(243, 21%, 34%)
CMYK
cmyk(20%, 21%, 0%, 66%)
Oklch
oklch(39.5% 0.030 287.5)

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

#674C51

Crimson · DimGray · Wine Red

HEX
#674C51
RGB
rgb(103, 76, 81)
HSL
hsl(349, 15%, 35%)
HSB
hsb(349, 26%, 40%)
CMYK
cmyk(0%, 26%, 21%, 60%)
Oklch
oklch(44.7% 0.037 6.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#935968

Dark Violet · DimGray · Camellia

HEX
#935968
RGB
rgb(147, 89, 104)
HSL
hsl(344, 25%, 46%)
HSB
hsb(344, 39%, 58%)
CMYK
cmyk(0%, 39%, 29%, 42%)
Oklch
oklch(53.4% 0.079 3.3)

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

#AC8F49

Ochre · DarkGoldenRod · Honey Gold

HEX
#AC8F49
RGB
rgb(172, 143, 73)
HSL
hsl(42, 40%, 48%)
HSB
hsb(42, 58%, 67%)
CMYK
cmyk(0%, 17%, 58%, 33%)
Oklch
oklch(66.2% 0.096 87.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B8AF46

Autumn Sage · GoldenRod · Honey Gold

HEX
#B8AF46
RGB
rgb(184, 175, 70)
HSL
hsl(55, 45%, 50%)
HSB
hsb(55, 62%, 72%)
CMYK
cmyk(0%, 5%, 62%, 28%)
Oklch
oklch(74.1% 0.126 104.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

454456
555643

Analogous

434C56
454456
4D4356

Triadic

454456
564443
435644

Split-Comp.

454456
564D43
4C5643

Tetradic

454456
56434C
555643
43564D

Contrast Matrix WCAG 2.1 Contrast

454456
674C51
935968
AC8F49
B8AF46
—
1.2
Fail
1.7
Fail
3.1
AA Large
4.2
AA Large
1.2
Fail
—
1.4
Fail
2.5
Fail
3.4
AA Large
1.7
Fail
1.4
Fail
—
1.8
Fail
2.4
Fail
3.1
AA Large
2.5
Fail
1.8
Fail
—
1.4
Fail
4.2
AA Large
3.4
AA Large
2.4
Fail
1.4
Fail
—
White BG
9.5AAA
7.7AAA
5.4AA
3.1AA Large
2.3Fail
Black BG
2.2Fail
2.7Fail
3.9AA Large
6.8AA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454552
5B5B50
7A7964
9F9F5A
B4B45F

Deuteranopia

454551
5D5F50
7D8264
A1A35E
B5B566

Tritanopia

454E4D
664F4F
906261
AB676A
B87378

Achromatopsia

464646
555555
6C6C6C
909090
A6A6A6

Shades & Tints Shades & Tints

#454456

Dark
Light

#674C51

Dark
Light

#935968

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #454456;
  --color-2: #674c51;
  --color-3: #935968;
  --color-4: #ac8f49;
  --color-5: #b8af46;
}

SCSS

$color-1: #454456;
$color-2: #674c51;
$color-3: #935968;
$color-4: #ac8f49;
$color-5: #b8af46;

TAILWIND

colors: {
  'brand-1': '#454456',
  'brand-2': '#674c51',
  'brand-3': '#935968',
  'brand-4': '#ac8f49',
  'brand-5': '#b8af46',
}

RGB Array

[69, 68, 86], [103, 76, 81], [147, 89, 104], [172, 143, 73], [184, 175, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #454456, #674C51, #935968, #AC8F49, #B8AF46 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: #454456; --color-2: #674c51; --color-3: #935968; --color-4: #ac8f49; --color-5: #b8af46. 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