← Back to Editor

#AD8D95 · #AA7D83 · #DABDAB · #EEE4D8 · #B6D8C0

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

#AD8D95

Peach Pink · DarkGray · Coral Red

HEX
#AD8D95
RGB
rgb(173, 141, 149)
HSL
hsl(345, 16%, 62%)
HSB
hsb(345, 18%, 68%)
CMYK
cmyk(0%, 18%, 14%, 32%)
Oklch
oklch(67.5% 0.040 1.5)

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

#AA7D83

Crimson · Gray · Passion Red

HEX
#AA7D83
RGB
rgb(170, 125, 131)
HSL
hsl(352, 21%, 58%)
HSB
hsb(352, 26%, 67%)
CMYK
cmyk(0%, 26%, 23%, 33%)
Oklch
oklch(63.6% 0.057 9.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#DABDAB

Apricot · Tan · Peach Orange

HEX
#DABDAB
RGB
rgb(218, 189, 171)
HSL
hsl(23, 39%, 76%)
HSB
hsb(23, 22%, 85%)
CMYK
cmyk(0%, 13%, 22%, 15%)
Oklch
oklch(81.8% 0.041 53.8)

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

#EEE4D8

Goose Yellow · Beige · Peach Orange

HEX
#EEE4D8
RGB
rgb(238, 228, 216)
HSL
hsl(33, 39%, 89%)
HSB
hsb(33, 9%, 93%)
CMYK
cmyk(0%, 4%, 9%, 7%)
Oklch
oklch(92.4% 0.019 72.6)

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

#B6D8C0

Celadon · Silver · Apple Green

HEX
#B6D8C0
RGB
rgb(182, 216, 192)
HSL
hsl(138, 30%, 78%)
HSB
hsb(138, 16%, 85%)
CMYK
cmyk(16%, 0%, 11%, 15%)
Oklch
oklch(85.1% 0.049 154.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD8D95
8FAEA6

Analogous

AE8FA6
AD8D95
AE968F

Triadic

AD8D95
96AE8F
8F96AE

Split-Comp.

AD8D95
8FAE96
8FA6AE

Tetradic

AD8D95
A6AE8F
8FAEA6
968FAE

Contrast Matrix WCAG 2.1 Contrast

AD8D95
AA7D83
DABDAB
EEE4D8
B6D8C0
—
1.2
Fail
1.7
Fail
2.4
Fail
1.9
Fail
1.2
Fail
—
2.0
Fail
2.8
Fail
2.3
Fail
1.7
Fail
2.0
Fail
—
1.4
Fail
1.1
Fail
2.4
Fail
2.8
Fail
1.4
Fail
—
1.2
Fail
1.9
Fail
2.3
Fail
1.1
Fail
1.2
Fail
—
White BG
3.0Fail
3.5AA Large
1.8Fail
1.3Fail
1.5Fail
Black BG
7.0AAA
6.0AA
11.8AAA
16.7AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F93
979682
CDCDAF
EAEADB
C5C5C6

Deuteranopia

A1A393
999D81
CFD1B0
EAEBDC
C3C0C7

Tritanopia

AB9291
A88080
D9B3B4
EEDDDE
B8CACB

Achromatopsia

979797
8B8B8B
C4C4C4
E6E6E6
CBCBCB

Shades & Tints Shades & Tints

#AD8D95

Dark
Light

#AA7D83

Dark
Light

#DABDAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad8d95;
  --color-2: #aa7d83;
  --color-3: #dabdab;
  --color-4: #eee4d8;
  --color-5: #b6d8c0;
}

SCSS

$color-1: #ad8d95;
$color-2: #aa7d83;
$color-3: #dabdab;
$color-4: #eee4d8;
$color-5: #b6d8c0;

TAILWIND

colors: {
  'brand-1': '#ad8d95',
  'brand-2': '#aa7d83',
  'brand-3': '#dabdab',
  'brand-4': '#eee4d8',
  'brand-5': '#b6d8c0',
}

RGB Array

[173, 141, 149], [170, 125, 131], [218, 189, 171], [238, 228, 216], [182, 216, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AD8D95, #AA7D83, #DABDAB, #EEE4D8, #B6D8C0 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: #ad8d95; --color-2: #aa7d83; --color-3: #dabdab; --color-4: #eee4d8; --color-5: #b6d8c0. 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