← Back to Editor

#848691 · #B39BAD · #C1BCC2 · #DCD5B8 · #E1E6D3

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

#848691

Ash · LightSlateGray · Warm Gray

HEX
#848691
RGB
rgb(132, 134, 145)
HSL
hsl(231, 6%, 54%)
HSB
hsb(231, 9%, 57%)
CMYK
cmyk(9%, 8%, 0%, 43%)
Oklch
oklch(62.2% 0.017 277.7)

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

#B39BAD

Mauve · DarkGray · Lilac Purple

HEX
#B39BAD
RGB
rgb(179, 155, 173)
HSL
hsl(315, 14%, 65%)
HSB
hsb(315, 13%, 70%)
CMYK
cmyk(0%, 13%, 3%, 30%)
Oklch
oklch(71.6% 0.038 334.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#C1BCC2

Silver Gray · Silver · Pearl Gray

HEX
#C1BCC2
RGB
rgb(193, 188, 194)
HSL
hsl(290, 5%, 75%)
HSB
hsb(290, 3%, 76%)
CMYK
cmyk(1%, 3%, 0%, 24%)
Oklch
oklch(80.1% 0.010 320.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#DCD5B8

Goose Yellow · Wheat · Lemon Cream

HEX
#DCD5B8
RGB
rgb(220, 213, 184)
HSL
hsl(48, 34%, 79%)
HSB
hsb(48, 16%, 86%)
CMYK
cmyk(0%, 3%, 16%, 14%)
Oklch
oklch(87.1% 0.040 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1E6D3

Willow Green · LightGray · Mint Green

HEX
#E1E6D3
RGB
rgb(225, 230, 211)
HSL
hsl(76, 28%, 86%)
HSB
hsb(76, 8%, 90%)
CMYK
cmyk(2%, 0%, 8%, 10%)
Oklch
oklch(91.6% 0.026 118.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

848691
918F83

Analogous

838C91
848691
888391

Triadic

848691
918385
859183

Split-Comp.

848691
918883
8C9183

Tetradic

848691
91838C
918F83
839188

Contrast Matrix WCAG 2.1 Contrast

848691
B39BAD
C1BCC2
DCD5B8
E1E6D3
—
1.4
Fail
1.9
Fail
2.5
Fail
2.8
Fail
1.4
Fail
—
1.4
Fail
1.7
Fail
2.0
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
2.5
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
2.8
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
3.6AA Large
2.6Fail
1.9Fail
1.5Fail
1.3Fail
Black BG
5.8AA
8.2AAA
11.2AAA
14.3AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

85858E
A9A8A9
BFBFC1
D9D9BF
E3E3D8

Deuteranopia

85858E
AAACA8
BFC0C0
D9DAC1
E3E3D9

Tritanopia

848C8C
B2A5A4
C1BFBF
DCC5C6
E1DBDC

Achromatopsia

878787
A4A4A4
BEBEBE
D4D4D4
E2E2E2

Shades & Tints Shades & Tints

#848691

Dark
Light

#B39BAD

Dark
Light

#C1BCC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #848691;
  --color-2: #b39bad;
  --color-3: #c1bcc2;
  --color-4: #dcd5b8;
  --color-5: #e1e6d3;
}

SCSS

$color-1: #848691;
$color-2: #b39bad;
$color-3: #c1bcc2;
$color-4: #dcd5b8;
$color-5: #e1e6d3;

TAILWIND

colors: {
  'brand-1': '#848691',
  'brand-2': '#b39bad',
  'brand-3': '#c1bcc2',
  'brand-4': '#dcd5b8',
  'brand-5': '#e1e6d3',
}

RGB Array

[132, 134, 145], [179, 155, 173], [193, 188, 194], [220, 213, 184], [225, 230, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #848691, #B39BAD, #C1BCC2, #DCD5B8, #E1E6D3 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #848691; --color-2: #b39bad; --color-3: #c1bcc2; --color-4: #dcd5b8; --color-5: #e1e6d3. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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