← Back to Editor

#CBC4BE · #A97986 · #85707F · #515B76 · #161F38

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

#CBC4BE

Apricot · Silver · Peach Orange

HEX
#CBC4BE
RGB
rgb(203, 196, 190)
HSL
hsl(28, 11%, 77%)
HSB
hsb(28, 6%, 80%)
CMYK
cmyk(0%, 3%, 6%, 20%)
Oklch
oklch(82.4% 0.011 63.3)

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

#A97986

Dark Violet · Gray · Rose Pink

HEX
#A97986
RGB
rgb(169, 121, 134)
HSL
hsl(344, 22%, 57%)
HSB
hsb(344, 28%, 66%)
CMYK
cmyk(0%, 28%, 21%, 34%)
Oklch
oklch(62.8% 0.062 1.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#85707F

Rose Purple · Gray · Warm Gray

HEX
#85707F
RGB
rgb(133, 112, 127)
HSL
hsl(317, 9%, 48%)
HSB
hsb(317, 16%, 52%)
CMYK
cmyk(0%, 16%, 5%, 48%)
Oklch
oklch(57.0% 0.034 336.3)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#515B76

Indigo · DimGray · Prussian Blue

HEX
#515B76
RGB
rgb(81, 91, 118)
HSL
hsl(224, 19%, 39%)
HSB
hsb(224, 31%, 46%)
CMYK
cmyk(31%, 23%, 0%, 54%)
Oklch
oklch(47.3% 0.046 268.8)

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

#161F38

Indigo · MidnightBlue · Deep Sea Blue

HEX
#161F38
RGB
rgb(22, 31, 56)
HSL
hsl(224, 44%, 15%)
HSB
hsb(224, 61%, 22%)
CMYK
cmyk(61%, 45%, 0%, 78%)
Oklch
oklch(24.5% 0.050 267.7)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBC4BE
BEC5CB

Analogous

CBBEBE
CBC4BE
CBCABE

Triadic

CBC4BE
BECBC4
C4BECB

Split-Comp.

CBC4BE
BECBCA
BEBECB

Tetradic

CBC4BE
BECBBE
BEC5CB
CABECB

Contrast Matrix WCAG 2.1 Contrast

CBC4BE
A97986
85707F
515B76
161F38
—
2.1
Fail
2.6
Fail
3.9
AA Large
9.5
AAA
2.1
Fail
—
1.2
Fail
1.9
Fail
4.5
AA Large
2.6
Fail
1.2
Fail
—
1.5
Fail
3.6
AA Large
3.9
AA Large
1.9
Fail
1.5
Fail
—
2.4
Fail
9.5
AAA
4.5
AA Large
3.6
AA Large
2.4
Fail
—
White BG
1.7Fail
3.6AA Large
4.5AA
6.8AA
16.3AAA
Black BG
12.2AAA
5.8AA
4.6AA
3.1AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8BF
949483
7C7C7B
55556F
1A1A32

Deuteranopia

C8C9C0
979B82
7D7F7B
55546E
191930

Tritanopia

CBC1C1
A78080
847978
526A69
162D2C

Achromatopsia

C5C5C5
898989
787878
5B5B5B
1F1F1F

Shades & Tints Shades & Tints

#CBC4BE

Dark
Light

#A97986

Dark
Light

#85707F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbc4be;
  --color-2: #a97986;
  --color-3: #85707f;
  --color-4: #515b76;
  --color-5: #161f38;
}

SCSS

$color-1: #cbc4be;
$color-2: #a97986;
$color-3: #85707f;
$color-4: #515b76;
$color-5: #161f38;

TAILWIND

colors: {
  'brand-1': '#cbc4be',
  'brand-2': '#a97986',
  'brand-3': '#85707f',
  'brand-4': '#515b76',
  'brand-5': '#161f38',
}

RGB Array

[203, 196, 190], [169, 121, 134], [133, 112, 127], [81, 91, 118], [22, 31, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CBC4BE, #A97986, #85707F, #515B76, #161F38 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: #cbc4be; --color-2: #a97986; --color-3: #85707f; --color-4: #515b76; --color-5: #161f38. 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