← Back to Editor

#D9D4A8 · #D15C57 · #CC3747 · #5C374B · #4A5F67

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

#D9D4A8

Fresh Green · Wheat · Sunflower

HEX
#D9D4A8
RGB
rgb(217, 212, 168)
HSL
hsl(54, 39%, 75%)
HSB
hsb(54, 23%, 85%)
CMYK
cmyk(0%, 2%, 23%, 15%)
Oklch
oklch(86.3% 0.058 102.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D15C57

Crimson · Tomato · Passion Red

HEX
#D15C57
RGB
rgb(209, 92, 87)
HSL
hsl(2, 57%, 58%)
HSB
hsb(2, 58%, 82%)
CMYK
cmyk(0%, 56%, 58%, 18%)
Oklch
oklch(62.0% 0.149 24.8)

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

#CC3747

Crimson · Crimson · Passion Red

HEX
#CC3747
RGB
rgb(204, 55, 71)
HSL
hsl(354, 59%, 51%)
HSB
hsb(354, 73%, 80%)
CMYK
cmyk(0%, 73%, 65%, 20%)
Oklch
oklch(56.6% 0.185 19.7)

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

#5C374B

Rose Purple · DarkSlateGray · Camellia

HEX
#5C374B
RGB
rgb(92, 55, 75)
HSL
hsl(328, 25%, 29%)
HSB
hsb(328, 40%, 36%)
CMYK
cmyk(0%, 40%, 18%, 64%)
Oklch
oklch(38.8% 0.060 346.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#4A5F67

Slate Blue · DimGray · Mint Ice

HEX
#4A5F67
RGB
rgb(74, 95, 103)
HSL
hsl(197, 16%, 35%)
HSB
hsb(197, 28%, 40%)
CMYK
cmyk(28%, 8%, 0%, 60%)
Oklch
oklch(47.1% 0.029 223.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D4A8
A6ABD8

Analogous

D8BAA6
D9D4A8
C4D8A6

Triadic

D9D4A8
A6D8D3
D3A6D8

Split-Comp.

D9D4A8
A6C4D8
BAA6D8

Tetradic

D9D4A8
A6D8BA
A6ABD8
D8A6C4

Contrast Matrix WCAG 2.1 Contrast

D9D4A8
D15C57
CC3747
5C374B
4A5F67
—
2.6
Fail
3.3
AA Large
6.6
AA
4.5
AA Large
2.6
Fail
—
1.3
Fail
2.6
Fail
1.7
Fail
3.3
AA Large
1.3
Fail
—
2.0
Fail
1.3
Fail
6.6
AA
2.6
Fail
2.0
Fail
—
1.5
Fail
4.5
AA Large
1.7
Fail
1.3
Fail
1.5
Fail
—
White BG
1.5Fail
3.9AA Large
5.0AA
10.0AAA
6.7AA
Black BG
13.9AAA
5.4AA
4.2AA Large
2.1Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7B3
9E9D58
8B8A43
4C4C46
535365

Deuteranopia

D7D7B5
A5AE59
949F42
4E5145
525065

Tritanopia

D9BBBD
CB5959
C5403F
5A4242
4B6463

Achromatopsia

D0D0D0
7E7E7E
656565
444444
5A5A5A

Shades & Tints Shades & Tints

#D9D4A8

Dark
Light

#D15C57

Dark
Light

#CC3747

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d4a8;
  --color-2: #d15c57;
  --color-3: #cc3747;
  --color-4: #5c374b;
  --color-5: #4a5f67;
}

SCSS

$color-1: #d9d4a8;
$color-2: #d15c57;
$color-3: #cc3747;
$color-4: #5c374b;
$color-5: #4a5f67;

TAILWIND

colors: {
  'brand-1': '#d9d4a8',
  'brand-2': '#d15c57',
  'brand-3': '#cc3747',
  'brand-4': '#5c374b',
  'brand-5': '#4a5f67',
}

RGB Array

[217, 212, 168], [209, 92, 87], [204, 55, 71], [92, 55, 75], [74, 95, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #D9D4A8, #D15C57, #CC3747, #5C374B, #4A5F67 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d9d4a8; --color-2: #d15c57; --color-3: #cc3747; --color-4: #5c374b; --color-5: #4a5f67. 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. 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