← Back to Editor

#808271 · #96BC9C · #BBB19A · #C9AA93 · #C5AD9C

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#808271

Ink Gray · Gray · Warm Gray

HEX
#808271
RGB
rgb(128, 130, 113)
HSL
hsl(67, 7%, 48%)
HSB
hsb(67, 13%, 51%)
CMYK
cmyk(2%, 0%, 13%, 49%)
Oklch
oklch(60.0% 0.025 112.6)

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

#96BC9C

Celadon · DarkSeaGreen · Apple Green

HEX
#96BC9C
RGB
rgb(150, 188, 156)
HSL
hsl(129, 22%, 66%)
HSB
hsb(129, 20%, 74%)
CMYK
cmyk(20%, 0%, 17%, 26%)
Oklch
oklch(75.9% 0.061 149.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#BBB19A

Ginger · DarkGray · Sunflower

HEX
#BBB19A
RGB
rgb(187, 177, 154)
HSL
hsl(42, 20%, 67%)
HSB
hsb(42, 18%, 73%)
CMYK
cmyk(0%, 5%, 18%, 27%)
Oklch
oklch(76.2% 0.034 87.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C9AA93

Apricot · Tan · Warm Sun

HEX
#C9AA93
RGB
rgb(201, 170, 147)
HSL
hsl(26, 33%, 68%)
HSB
hsb(26, 27%, 79%)
CMYK
cmyk(0%, 15%, 27%, 21%)
Oklch
oklch(75.9% 0.048 58.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C5AD9C

Apricot · Tan · Warm Sun

HEX
#C5AD9C
RGB
rgb(197, 173, 156)
HSL
hsl(25, 26%, 69%)
HSB
hsb(25, 21%, 77%)
CMYK
cmyk(0%, 12%, 21%, 23%)
Oklch
oklch(76.4% 0.037 57.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

808271
747283

Analogous

837C72
808271
788372

Triadic

808271
728183
837281

Split-Comp.

808271
727883
7C7283

Tetradic

808271
72837C
747283
837278

Contrast Matrix WCAG 2.1 Contrast

808271
96BC9C
BBB19A
C9AA93
C5AD9C
—
1.9
Fail
1.8
Fail
1.8
Fail
1.8
Fail
1.9
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.8
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.8
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.8
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
3.9AA Large
2.1Fail
2.1Fail
2.2Fail
2.1Fail
Black BG
5.3AA
10.0AAA
9.9AAA
9.7AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

818175
A6A7A4
B7B7A0
BCBB99
BBBAA0

Deuteranopia

818176
A4A1A6
B7B8A1
BDC09A
BCBEA1

Tritanopia

807879
98AAAB
BBA4A5
C79D9E
C4A3A4

Achromatopsia

7F7F7F
ADADAD
B1B1B1
B1B1B1
B2B2B2

Shades & Tints Shades & Tints

#808271

Dark
Light

#96BC9C

Dark
Light

#BBB19A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #808271;
  --color-2: #96bc9c;
  --color-3: #bbb19a;
  --color-4: #c9aa93;
  --color-5: #c5ad9c;
}

SCSS

$color-1: #808271;
$color-2: #96bc9c;
$color-3: #bbb19a;
$color-4: #c9aa93;
$color-5: #c5ad9c;

TAILWIND

colors: {
  'brand-1': '#808271',
  'brand-2': '#96bc9c',
  'brand-3': '#bbb19a',
  'brand-4': '#c9aa93',
  'brand-5': '#c5ad9c',
}

RGB Array

[128, 130, 113], [150, 188, 156], [187, 177, 154], [201, 170, 147], [197, 173, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #808271, #96BC9C, #BBB19A, #C9AA93, #C5AD9C 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: #808271; --color-2: #96bc9c; --color-3: #bbb19a; --color-4: #c9aa93; --color-5: #c5ad9c. 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