← Back to Editor

#DB6557 · #D2CDB6 · #D9B43D · #716D5D · #655F4D

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 MenuPosterData Visualization

Color Details Color Details

#DB6557

Vermilion · Tomato · Passion Red

HEX
#DB6557
RGB
rgb(219, 101, 87)
HSL
hsl(6, 65%, 60%)
HSB
hsb(6, 60%, 86%)
CMYK
cmyk(0%, 54%, 60%, 14%)
Oklch
oklch(64.8% 0.151 28.8)

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

#D2CDB6

Goose Yellow · Silver · Lemon Cream

HEX
#D2CDB6
RGB
rgb(210, 205, 182)
HSL
hsl(49, 24%, 77%)
HSB
hsb(49, 13%, 82%)
CMYK
cmyk(0%, 2%, 13%, 18%)
Oklch
oklch(84.6% 0.032 96.9)

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

#D9B43D

Ginger · GoldenRod · Sunflower

HEX
#D9B43D
RGB
rgb(217, 180, 61)
HSL
hsl(46, 67%, 55%)
HSB
hsb(46, 72%, 85%)
CMYK
cmyk(0%, 17%, 72%, 15%)
Oklch
oklch(78.2% 0.139 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#716D5D

Ochre · DimGray · Honey Gold

HEX
#716D5D
RGB
rgb(113, 109, 93)
HSL
hsl(48, 10%, 40%)
HSB
hsb(48, 18%, 44%)
CMYK
cmyk(0%, 4%, 18%, 56%)
Oklch
oklch(53.4% 0.025 95.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#655F4D

Ochre · DimGray · Honey Gold

HEX
#655F4D
RGB
rgb(101, 95, 77)
HSL
hsl(45, 13%, 35%)
HSB
hsb(45, 24%, 40%)
CMYK
cmyk(0%, 6%, 24%, 60%)
Oklch
oklch(48.6% 0.029 91.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB6557
57CEDB

Analogous

DB578C
DB6557
DBA657

Triadic

DB6557
57DB64
6457DB

Split-Comp.

DB6557
57DBA6
578CDB

Tetradic

DB6557
8CDB57
57CEDB
A657DB

Contrast Matrix WCAG 2.1 Contrast

DB6557
D2CDB6
D9B43D
716D5D
655F4D
—
2.2
Fail
1.8
Fail
1.5
Fail
1.8
Fail
2.2
Fail
—
1.2
Fail
3.2
AA Large
4.0
AA Large
1.8
Fail
1.2
Fail
—
2.6
Fail
3.2
AA Large
1.5
Fail
3.2
AA Large
2.6
Fail
—
1.2
Fail
1.8
Fail
4.0
AA Large
3.2
AA Large
1.2
Fail
—
White BG
3.5AA Large
1.6Fail
2.0Fail
5.2AA
6.4AA
Black BG
6.0AA
13.1AAA
10.5AAA
4.0AA Large
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A75A
D0D0BC
C9C95A
6F6F61
626251

Deuteranopia

AFB85B
D0D1BD
CBCE61
707062
636352

Tritanopia

D55D5E
D2C0C1
D77176
716465
655556

Achromatopsia

878787
CCCCCC
B1B1B1
6C6C6C
5F5F5F

Shades & Tints Shades & Tints

#DB6557

Dark
Light

#D2CDB6

Dark
Light

#D9B43D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db6557;
  --color-2: #d2cdb6;
  --color-3: #d9b43d;
  --color-4: #716d5d;
  --color-5: #655f4d;
}

SCSS

$color-1: #db6557;
$color-2: #d2cdb6;
$color-3: #d9b43d;
$color-4: #716d5d;
$color-5: #655f4d;

TAILWIND

colors: {
  'brand-1': '#db6557',
  'brand-2': '#d2cdb6',
  'brand-3': '#d9b43d',
  'brand-4': '#716d5d',
  'brand-5': '#655f4d',
}

RGB Array

[219, 101, 87], [210, 205, 182], [217, 180, 61], [113, 109, 93], [101, 95, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DB6557, #D2CDB6, #D9B43D, #716D5D, #655F4D 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: #db6557; --color-2: #d2cdb6; --color-3: #d9b43d; --color-4: #716d5d; --color-5: #655f4d. 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