← Back to Editor

#D2C9AC · #C9A78E · #BC9087 · #528179 · #5B3A41

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

#D2C9AC

Goose Yellow · Silver · Sunflower

HEX
#D2C9AC
RGB
rgb(210, 201, 172)
HSL
hsl(46, 30%, 75%)
HSB
hsb(46, 18%, 82%)
CMYK
cmyk(0%, 4%, 18%, 18%)
Oklch
oklch(83.6% 0.040 92.8)

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

#C9A78E

Apricot · Tan · Warm Sun

HEX
#C9A78E
RGB
rgb(201, 167, 142)
HSL
hsl(25, 35%, 67%)
HSB
hsb(25, 29%, 79%)
CMYK
cmyk(0%, 17%, 29%, 21%)
Oklch
oklch(75.2% 0.053 58.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#BC9087

Peach Pink · Tan · Coral Red

HEX
#BC9087
RGB
rgb(188, 144, 135)
HSL
hsl(10, 28%, 63%)
HSB
hsb(10, 28%, 74%)
CMYK
cmyk(0%, 23%, 28%, 26%)
Oklch
oklch(69.3% 0.055 31.7)

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

#528179

Mineral Blue · DimGray · Mint Ice

HEX
#528179
RGB
rgb(82, 129, 121)
HSL
hsl(170, 22%, 41%)
HSB
hsb(170, 36%, 51%)
CMYK
cmyk(36%, 0%, 6%, 49%)
Oklch
oklch(56.7% 0.053 182.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5B3A41

Crimson · DarkSlateGray · Wine Red

HEX
#5B3A41
RGB
rgb(91, 58, 65)
HSL
hsl(347, 22%, 29%)
HSB
hsb(347, 36%, 36%)
CMYK
cmyk(0%, 36%, 29%, 64%)
Oklch
oklch(38.9% 0.048 5.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2C9AC
ACB5D2

Analogous

D2B6AC
D2C9AC
C8D2AC

Triadic

D2C9AC
ACD2C9
C9ACD2

Split-Comp.

D2C9AC
ACC8D2
B6ACD2

Tetradic

D2C9AC
ACD2B6
ACB5D2
D2ACC8

Contrast Matrix WCAG 2.1 Contrast

D2C9AC
C9A78E
BC9087
528179
5B3A41
—
1.3
Fail
1.7
Fail
2.7
Fail
6.0
AA
1.3
Fail
—
1.3
Fail
2.0
Fail
4.4
AA Large
1.7
Fail
1.3
Fail
—
1.6
Fail
3.5
AA Large
2.7
Fail
2.0
Fail
1.6
Fail
—
2.2
Fail
6.0
AA
4.4
AA Large
3.5
AA Large
2.2
Fail
—
White BG
1.7Fail
2.2Fail
2.8Fail
4.4AA Large
9.9AAA
Black BG
12.7AAA
9.4AAA
7.5AAA
4.8AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB3
BABA94
A9A989
66677B
4D4C3F

Deuteranopia

CFCFB5
BCBF96
ACAF8A
64607B
4F513F

Tritanopia

D2B9BA
C7999A
BA8B8B
547C7D
593E3E

Achromatopsia

C8C8C8
AEAEAE
9C9C9C
727272
454545

Shades & Tints Shades & Tints

#D2C9AC

Dark
Light

#C9A78E

Dark
Light

#BC9087

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2c9ac;
  --color-2: #c9a78e;
  --color-3: #bc9087;
  --color-4: #528179;
  --color-5: #5b3a41;
}

SCSS

$color-1: #d2c9ac;
$color-2: #c9a78e;
$color-3: #bc9087;
$color-4: #528179;
$color-5: #5b3a41;

TAILWIND

colors: {
  'brand-1': '#d2c9ac',
  'brand-2': '#c9a78e',
  'brand-3': '#bc9087',
  'brand-4': '#528179',
  'brand-5': '#5b3a41',
}

RGB Array

[210, 201, 172], [201, 167, 142], [188, 144, 135], [82, 129, 121], [91, 58, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #D2C9AC, #C9A78E, #BC9087, #528179, #5B3A41 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: #d2c9ac; --color-2: #c9a78e; --color-3: #bc9087; --color-4: #528179; --color-5: #5b3a41. 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