← Back to Editor

#329694 · #88AC92 · #808664 · #7C6850 · #E7E9E8

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

#329694

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#329694
RGB
rgb(50, 150, 148)
HSL
hsl(179, 50%, 39%)
HSB
hsb(179, 67%, 59%)
CMYK
cmyk(67%, 0%, 1%, 41%)
Oklch
oklch(61.6% 0.090 193.2)

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

#88AC92

Celadon · DarkSeaGreen · Olive Green

HEX
#88AC92
RGB
rgb(136, 172, 146)
HSL
hsl(137, 18%, 60%)
HSB
hsb(137, 21%, 67%)
CMYK
cmyk(21%, 0%, 15%, 33%)
Oklch
oklch(71.0% 0.054 153.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#808664

Grass Green · Gray · Olive Green

HEX
#808664
RGB
rgb(128, 134, 100)
HSL
hsl(71, 15%, 46%)
HSB
hsb(71, 25%, 53%)
CMYK
cmyk(4%, 0%, 25%, 47%)
Oklch
oklch(60.6% 0.050 116.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#7C6850

Ochre · DimGray · Amber Brown

HEX
#7C6850
RGB
rgb(124, 104, 80)
HSL
hsl(33, 22%, 40%)
HSB
hsb(33, 35%, 49%)
CMYK
cmyk(0%, 16%, 35%, 51%)
Oklch
oklch(53.0% 0.044 71.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E7E9E8

Plain White · Lavender · Cloud White

HEX
#E7E9E8
RGB
rgb(231, 233, 232)
HSL
hsl(150, 4%, 91%)
HSB
hsb(150, 1%, 91%)
CMYK
cmyk(1%, 0%, 0%, 9%)
Oklch
oklch(93.2% 0.003 165.1)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

329694
953233

Analogous

329562
329694
326595

Triadic

329694
943295
959432

Split-Comp.

329694
953265
956232

Tetradic

329694
623295
953233
659532

Contrast Matrix WCAG 2.1 Contrast

329694
88AC92
808664
7C6850
E7E9E8
—
1.4
Fail
1.1
Fail
1.5
Fail
2.9
Fail
1.4
Fail
—
1.5
Fail
2.1
Fail
2.1
Fail
1.1
Fail
1.5
Fail
—
1.4
Fail
3.1
AA Large
1.5
Fail
2.1
Fail
1.4
Fail
—
4.4
AA Large
2.9
Fail
2.1
Fail
3.1
AA Large
4.4
AA Large
—
White BG
3.5AA Large
2.5Fail
3.8AA Large
5.3AA
1.2Fail
Black BG
5.9AA
8.4AAA
5.5AA
4.0AA Large
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5E94
989898
83836C
737356
E8E8E8

Deuteranopia

585095
96939A
82826E
757657
E8E8E8

Tritanopia

379595
8A9D9E
807374
7B5A5B
E7E8E8

Achromatopsia

787878
9E9E9E
808080
6B6B6B
E8E8E8

Shades & Tints Shades & Tints

#329694

Dark
Light

#88AC92

Dark
Light

#808664

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #329694;
  --color-2: #88ac92;
  --color-3: #808664;
  --color-4: #7c6850;
  --color-5: #e7e9e8;
}

SCSS

$color-1: #329694;
$color-2: #88ac92;
$color-3: #808664;
$color-4: #7c6850;
$color-5: #e7e9e8;

TAILWIND

colors: {
  'brand-1': '#329694',
  'brand-2': '#88ac92',
  'brand-3': '#808664',
  'brand-4': '#7c6850',
  'brand-5': '#e7e9e8',
}

RGB Array

[50, 150, 148], [136, 172, 146], [128, 134, 100], [124, 104, 80], [231, 233, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #329694, #88AC92, #808664, #7C6850, #E7E9E8 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: #329694; --color-2: #88ac92; --color-3: #808664; --color-4: #7c6850; --color-5: #e7e9e8. 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