← Back to Editor

#DCD5B8 · #DE5D70 · #A20830 · #661620 · #2C0D0E

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

#DCD5B8

Goose Yellow · Wheat · Lemon Cream

HEX
#DCD5B8
RGB
rgb(220, 213, 184)
HSL
hsl(48, 34%, 79%)
HSB
hsb(48, 16%, 86%)
CMYK
cmyk(0%, 3%, 16%, 14%)
Oklch
oklch(87.1% 0.040 95.9)

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

#DE5D70

Peach Pink · LightCoral · Coral Red

HEX
#DE5D70
RGB
rgb(222, 93, 112)
HSL
hsl(351, 66%, 62%)
HSB
hsb(351, 58%, 87%)
CMYK
cmyk(0%, 58%, 50%, 13%)
Oklch
oklch(64.6% 0.162 13.8)

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

#A20830

Dark Violet · FireBrick · Camellia

HEX
#A20830
RGB
rgb(162, 8, 48)
HSL
hsl(344, 91%, 33%)
HSB
hsb(344, 95%, 64%)
CMYK
cmyk(0%, 95%, 70%, 36%)
Oklch
oklch(45.5% 0.178 17.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#661620

Vermilion · Maroon · Wine Red

HEX
#661620
RGB
rgb(102, 22, 32)
HSL
hsl(353, 65%, 24%)
HSB
hsb(353, 78%, 40%)
CMYK
cmyk(0%, 78%, 69%, 60%)
Oklch
oklch(34.1% 0.112 18.9)

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

#2C0D0E

Crimson · Black · Deep Berry

HEX
#2C0D0E
RGB
rgb(44, 13, 14)
HSL
hsl(358, 54%, 11%)
HSB
hsb(358, 70%, 17%)
CMYK
cmyk(0%, 70%, 68%, 83%)
Oklch
oklch(21.1% 0.051 20.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCD5B8
B7BFDC

Analogous

DCC2B7
DCD5B8
D1DCB7

Triadic

DCD5B8
B7DCD4
D4B7DC

Split-Comp.

DCD5B8
B7D1DC
C2B7DC

Tetradic

DCD5B8
B7DCC2
B7BFDC
DCB7D1

Contrast Matrix WCAG 2.1 Contrast

DCD5B8
DE5D70
A20830
661620
2C0D0E
—
2.4
Fail
5.5
AA
8.4
AAA
12.2
AAA
2.4
Fail
—
2.3
Fail
3.5
AA Large
5.0
AA
5.5
AA
2.3
Fail
—
1.5
Fail
2.2
Fail
8.4
AAA
3.5
AA Large
1.5
Fail
—
1.5
Fail
12.2
AAA
5.0
AA
2.2
Fail
1.5
Fail
—
White BG
1.5Fail
3.6AA Large
8.0AAA
12.3AAA
17.9AAA
Black BG
14.3AAA
5.9AA
2.6Fail
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9BF
A6A56B
5F5E26
43431E
1F1E0E

Deuteranopia

D9DAC1
AEB76A
687424
484E1D
20230E

Tritanopia

DCC5C6
D86867
9A1F1D
621C1B
2A0E0E

Achromatopsia

D4D4D4
868686
3B3B3B
2F2F2F
161616

Shades & Tints Shades & Tints

#DCD5B8

Dark
Light

#DE5D70

Dark
Light

#A20830

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcd5b8;
  --color-2: #de5d70;
  --color-3: #a20830;
  --color-4: #661620;
  --color-5: #2c0d0e;
}

SCSS

$color-1: #dcd5b8;
$color-2: #de5d70;
$color-3: #a20830;
$color-4: #661620;
$color-5: #2c0d0e;

TAILWIND

colors: {
  'brand-1': '#dcd5b8',
  'brand-2': '#de5d70',
  'brand-3': '#a20830',
  'brand-4': '#661620',
  'brand-5': '#2c0d0e',
}

RGB Array

[220, 213, 184], [222, 93, 112], [162, 8, 48], [102, 22, 32], [44, 13, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DCD5B8, #DE5D70, #A20830, #661620, #2C0D0E is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dcd5b8; --color-2: #de5d70; --color-3: #a20830; --color-4: #661620; --color-5: #2c0d0e. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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