← Back to Editor

#819997 · #896D5C · #998A81 · #CCC1BC · #DFE8E7

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

#819997

Mineral Blue · LightSlateGray · Lake Green

HEX
#819997
RGB
rgb(129, 153, 151)
HSL
hsl(175, 11%, 55%)
HSB
hsb(175, 16%, 60%)
CMYK
cmyk(16%, 0%, 1%, 40%)
Oklch
oklch(66.4% 0.027 190.3)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#896D5C

Tangerine · DimGray · Amber Brown

HEX
#896D5C
RGB
rgb(137, 109, 92)
HSL
hsl(23, 20%, 45%)
HSB
hsb(23, 33%, 54%)
CMYK
cmyk(0%, 20%, 33%, 46%)
Oklch
oklch(55.7% 0.044 52.8)

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

#998A81

Tangerine · Gray · Warm Sun

HEX
#998A81
RGB
rgb(153, 138, 129)
HSL
hsl(22, 11%, 55%)
HSB
hsb(22, 16%, 60%)
CMYK
cmyk(0%, 10%, 16%, 40%)
Oklch
oklch(64.4% 0.022 53.1)

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

#CCC1BC

Apricot · Silver · Peach Orange

HEX
#CCC1BC
RGB
rgb(204, 193, 188)
HSL
hsl(19, 14%, 77%)
HSB
hsb(19, 8%, 80%)
CMYK
cmyk(0%, 5%, 8%, 20%)
Oklch
oklch(81.9% 0.014 46.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DFE8E7

Jade · Lavender · Glacier Blue

HEX
#DFE8E7
RGB
rgb(223, 232, 231)
HSL
hsl(173, 16%, 89%)
HSB
hsb(173, 4%, 91%)
CMYK
cmyk(4%, 0%, 0%, 9%)
Oklch
oklch(92.4% 0.010 189.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

819997
998082

Analogous

80998A
819997
808E99

Triadic

819997
978099
999780

Split-Comp.

819997
99808E
998A80

Tetradic

819997
8A8099
998082
8E9980

Contrast Matrix WCAG 2.1 Contrast

819997
896D5C
998A81
CCC1BC
DFE8E7
—
1.6
Fail
1.1
Fail
1.7
Fail
2.4
Fail
1.6
Fail
—
1.4
Fail
2.7
Fail
3.8
AA Large
1.1
Fail
1.4
Fail
—
1.9
Fail
2.7
Fail
1.7
Fail
2.7
Fail
1.9
Fail
—
1.4
Fail
2.4
Fail
3.8
AA Large
2.7
Fail
1.4
Fail
—
White BG
3.0AA Large
4.8AA
3.3AA Large
1.8Fail
1.2Fail
Black BG
6.9AA
4.4AA Large
6.3AA
11.9AAA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8C97
7D7D60
939283
C7C7BD
E3E3E7

Deuteranopia

8A8898
7F8161
939584
C8C9BE
E2E2E7

Tritanopia

829898
886364
988585
CBBEBE
DFE7E7

Achromatopsia

929292
737373
8D8D8D
C4C4C4
E5E5E5

Shades & Tints Shades & Tints

#819997

Dark
Light

#896D5C

Dark
Light

#998A81

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #819997;
  --color-2: #896d5c;
  --color-3: #998a81;
  --color-4: #ccc1bc;
  --color-5: #dfe8e7;
}

SCSS

$color-1: #819997;
$color-2: #896d5c;
$color-3: #998a81;
$color-4: #ccc1bc;
$color-5: #dfe8e7;

TAILWIND

colors: {
  'brand-1': '#819997',
  'brand-2': '#896d5c',
  'brand-3': '#998a81',
  'brand-4': '#ccc1bc',
  'brand-5': '#dfe8e7',
}

RGB Array

[129, 153, 151], [137, 109, 92], [153, 138, 129], [204, 193, 188], [223, 232, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #819997, #896D5C, #998A81, #CCC1BC, #DFE8E7 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: #819997; --color-2: #896d5c; --color-3: #998a81; --color-4: #ccc1bc; --color-5: #dfe8e7. 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