← Back to Editor

#638881 · #5E7296 · #968A7D · #505244 · #92A13D

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

#638881

Mineral Blue · SlateGray · Mint Ice

HEX
#638881
RGB
rgb(99, 136, 129)
HSL
hsl(169, 16%, 46%)
HSB
hsb(169, 27%, 53%)
CMYK
cmyk(27%, 0%, 5%, 47%)
Oklch
oklch(59.7% 0.043 181.8)

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

#5E7296

Indigo · SlateGray · Navy Blue

HEX
#5E7296
RGB
rgb(94, 114, 150)
HSL
hsl(219, 23%, 48%)
HSB
hsb(219, 37%, 59%)
CMYK
cmyk(37%, 24%, 0%, 41%)
Oklch
oklch(55.0% 0.061 262.0)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#968A7D

Ginger · Gray · Warm Sun

HEX
#968A7D
RGB
rgb(150, 138, 125)
HSL
hsl(31, 11%, 54%)
HSB
hsb(31, 17%, 59%)
CMYK
cmyk(0%, 8%, 17%, 41%)
Oklch
oklch(64.0% 0.024 69.6)

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

#505244

Autumn Sage · DarkOliveGreen · Charcoal

HEX
#505244
RGB
rgb(80, 82, 68)
HSL
hsl(69, 9%, 29%)
HSB
hsb(69, 17%, 32%)
CMYK
cmyk(2%, 0%, 17%, 68%)
Oklch
oklch(43.2% 0.022 113.9)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#92A13D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#92A13D
RGB
rgb(146, 161, 61)
HSL
hsl(69, 45%, 44%)
HSB
hsb(69, 62%, 63%)
CMYK
cmyk(9%, 0%, 62%, 37%)
Oklch
oklch(67.7% 0.126 117.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

638881
886369

Analogous

63886E
638881
637C88

Triadic

638881
816388
888163

Split-Comp.

638881
88637C
886E63

Tetradic

638881
6E6388
886369
7C8863

Contrast Matrix WCAG 2.1 Contrast

638881
5E7296
968A7D
505244
92A13D
—
1.2
Fail
1.2
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.6
Fail
1.7
Fail
1.2
Fail
1.4
Fail
—
2.4
Fail
1.2
Fail
2.0
Fail
1.6
Fail
2.4
Fail
—
2.8
Fail
1.4
Fail
1.7
Fail
1.2
Fail
2.8
Fail
—
White BG
3.9AA Large
4.9AA
3.4AA Large
8.0AAA
2.8Fail
Black BG
5.4AA
4.3AA Large
6.2AA
2.6Fail
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737383
67678D
919180
515147
989955

Deuteranopia

716E83
66648B
929281
515148
98975B

Tritanopia

658484
5F8685
958383
504A4B
93686D

Achromatopsia

7C7C7C
707070
8C8C8C
505050
919191

Shades & Tints Shades & Tints

#638881

Dark
Light

#5E7296

Dark
Light

#968A7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #638881;
  --color-2: #5e7296;
  --color-3: #968a7d;
  --color-4: #505244;
  --color-5: #92a13d;
}

SCSS

$color-1: #638881;
$color-2: #5e7296;
$color-3: #968a7d;
$color-4: #505244;
$color-5: #92a13d;

TAILWIND

colors: {
  'brand-1': '#638881',
  'brand-2': '#5e7296',
  'brand-3': '#968a7d',
  'brand-4': '#505244',
  'brand-5': '#92a13d',
}

RGB Array

[99, 136, 129], [94, 114, 150], [150, 138, 125], [80, 82, 68], [146, 161, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #638881, #5E7296, #968A7D, #505244, #92A13D 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: #638881; --color-2: #5e7296; --color-3: #968a7d; --color-4: #505244; --color-5: #92a13d. 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