← Back to Editor

#BD8CA9 · #D2A9B3 · #D3C3BF · #D2DAD7 · #F4EAD7

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

#BD8CA9

Mauve · DarkGray · Rose Pink

HEX
#BD8CA9
RGB
rgb(189, 140, 169)
HSL
hsl(324, 27%, 65%)
HSB
hsb(324, 26%, 74%)
CMYK
cmyk(0%, 26%, 11%, 26%)
Oklch
oklch(69.6% 0.071 342.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#D2A9B3

Peach Pink · Silver · Coral Red

HEX
#D2A9B3
RGB
rgb(210, 169, 179)
HSL
hsl(345, 31%, 74%)
HSB
hsb(345, 20%, 82%)
CMYK
cmyk(0%, 20%, 15%, 18%)
Oklch
oklch(77.5% 0.050 2.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D3C3BF

Peach Pink · Silver · Coral Red

HEX
#D3C3BF
RGB
rgb(211, 195, 191)
HSL
hsl(12, 19%, 79%)
HSB
hsb(12, 9%, 83%)
CMYK
cmyk(0%, 8%, 9%, 17%)
Oklch
oklch(82.9% 0.019 34.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D2DAD7

Jade · LightGray · Mint Green

HEX
#D2DAD7
RGB
rgb(210, 218, 215)
HSL
hsl(158, 10%, 84%)
HSB
hsb(158, 4%, 85%)
CMYK
cmyk(4%, 0%, 1%, 15%)
Oklch
oklch(88.1% 0.010 171.8)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#F4EAD7

Goose Yellow · Beige · Peach Orange

HEX
#F4EAD7
RGB
rgb(244, 234, 215)
HSL
hsl(39, 57%, 90%)
HSB
hsb(39, 12%, 96%)
CMYK
cmyk(0%, 4%, 12%, 4%)
Oklch
oklch(94.0% 0.027 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD8CA9
8EBEA1

Analogous

B98EBE
BD8CA9
BE8E92

Triadic

BD8CA9
ABBE8E
8EABBE

Split-Comp.

BD8CA9
92BE8E
8EBEB9

Tetradic

BD8CA9
BEB98E
8EBEA1
8E92BE

Contrast Matrix WCAG 2.1 Contrast

BD8CA9
D2A9B3
D3C3BF
D2DAD7
F4EAD7
—
1.3
Fail
1.6
Fail
2.0
Fail
2.4
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
2.8Fail
2.1Fail
1.7Fail
1.4Fail
1.2Fail
Black BG
7.5AAA
10.1AAA
12.3AAA
14.8AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A7A2
C0C0B1
CCCCC0
D5D6D8
F0F0DC

Deuteranopia

ABAEA0
C3C6B0
CDCEC0
D5D4D8
F0F1DD

Tritanopia

BB9C9B
D0AFAE
D2C1C1
D2D8D8
F3DFE0

Achromatopsia

9E9E9E
B6B6B6
C7C7C7
D7D7D7
EBEBEB

Shades & Tints Shades & Tints

#BD8CA9

Dark
Light

#D2A9B3

Dark
Light

#D3C3BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd8ca9;
  --color-2: #d2a9b3;
  --color-3: #d3c3bf;
  --color-4: #d2dad7;
  --color-5: #f4ead7;
}

SCSS

$color-1: #bd8ca9;
$color-2: #d2a9b3;
$color-3: #d3c3bf;
$color-4: #d2dad7;
$color-5: #f4ead7;

TAILWIND

colors: {
  'brand-1': '#bd8ca9',
  'brand-2': '#d2a9b3',
  'brand-3': '#d3c3bf',
  'brand-4': '#d2dad7',
  'brand-5': '#f4ead7',
}

RGB Array

[189, 140, 169], [210, 169, 179], [211, 195, 191], [210, 218, 215], [244, 234, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BD8CA9, #D2A9B3, #D3C3BF, #D2DAD7, #F4EAD7 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: #bd8ca9; --color-2: #d2a9b3; --color-3: #d3c3bf; --color-4: #d2dad7; --color-5: #f4ead7. 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