← Back to Editor

#798583 · #968969 · #A88762 · #B88F61 · #659C94

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

#798583

Ink Gray · Gray · Warm Gray

HEX
#798583
RGB
rgb(121, 133, 131)
HSL
hsl(170, 5%, 50%)
HSB
hsb(170, 9%, 52%)
CMYK
cmyk(9%, 0%, 2%, 48%)
Oklch
oklch(60.6% 0.014 184.8)

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

#968969

Ochre · Gray · Honey Gold

HEX
#968969
RGB
rgb(150, 137, 105)
HSL
hsl(43, 18%, 50%)
HSB
hsb(43, 30%, 59%)
CMYK
cmyk(0%, 9%, 30%, 41%)
Oklch
oklch(63.3% 0.048 88.5)

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

#A88762

Ginger · Gray · Warm Sun

HEX
#A88762
RGB
rgb(168, 135, 98)
HSL
hsl(32, 29%, 52%)
HSB
hsb(32, 42%, 66%)
CMYK
cmyk(0%, 20%, 42%, 34%)
Oklch
oklch(64.5% 0.065 69.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#B88F61

Ginger · DarkSalmon · Warm Sun

HEX
#B88F61
RGB
rgb(184, 143, 97)
HSL
hsl(32, 38%, 55%)
HSB
hsb(32, 47%, 72%)
CMYK
cmyk(0%, 22%, 47%, 28%)
Oklch
oklch(67.8% 0.079 69.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#659C94

Mineral Blue · CadetBlue · Mint Ice

HEX
#659C94
RGB
rgb(101, 156, 148)
HSL
hsl(171, 22%, 50%)
HSB
hsb(171, 35%, 61%)
CMYK
cmyk(35%, 0%, 5%, 39%)
Oklch
oklch(65.2% 0.059 184.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

798583
86797B

Analogous

79867D
798583
798286

Triadic

798583
847986
868479

Split-Comp.

798583
867982
867D79

Tetradic

798583
7D7986
86797B
828679

Contrast Matrix WCAG 2.1 Contrast

798583
968969
A88762
B88F61
659C94
—
1.1
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
3.8AA Large
3.5AA Large
3.3AA Large
2.9Fail
3.1AA Large
Black BG
5.5AA
6.1AA
6.3AA
7.1AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E83
909071
9A996B
A6A66C
7D7D96

Deuteranopia

7E7D84
919273
9C9E6D
A9AC6F
7A7596

Tritanopia

7A8484
957778
A67274
B67577
689798

Achromatopsia

818181
898989
8D8D8D
969696
8B8B8B

Shades & Tints Shades & Tints

#798583

Dark
Light

#968969

Dark
Light

#A88762

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #798583;
  --color-2: #968969;
  --color-3: #a88762;
  --color-4: #b88f61;
  --color-5: #659c94;
}

SCSS

$color-1: #798583;
$color-2: #968969;
$color-3: #a88762;
$color-4: #b88f61;
$color-5: #659c94;

TAILWIND

colors: {
  'brand-1': '#798583',
  'brand-2': '#968969',
  'brand-3': '#a88762',
  'brand-4': '#b88f61',
  'brand-5': '#659c94',
}

RGB Array

[121, 133, 131], [150, 137, 105], [168, 135, 98], [184, 143, 97], [101, 156, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #798583, #968969, #A88762, #B88F61, #659C94 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: #798583; --color-2: #968969; --color-3: #a88762; --color-4: #b88f61; --color-5: #659c94. 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