← Back to Editor

#DEC9B8 · #BE8193 · #A23D4F · #5D4247 · #3D3135

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

#DEC9B8

Apricot · LightGray · Peach Orange

HEX
#DEC9B8
RGB
rgb(222, 201, 184)
HSL
hsl(27, 37%, 80%)
HSB
hsb(27, 17%, 87%)
CMYK
cmyk(0%, 9%, 17%, 13%)
Oklch
oklch(84.9% 0.033 61.4)

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

#BE8193

Rouge · DarkGray · Rose Pink

HEX
#BE8193
RGB
rgb(190, 129, 147)
HSL
hsl(342, 32%, 63%)
HSB
hsb(342, 32%, 75%)
CMYK
cmyk(0%, 32%, 23%, 25%)
Oklch
oklch(67.0% 0.079 0.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#A23D4F

Crimson · Sienna · Passion Red

HEX
#A23D4F
RGB
rgb(162, 61, 79)
HSL
hsl(349, 45%, 44%)
HSB
hsb(349, 62%, 64%)
CMYK
cmyk(0%, 62%, 51%, 36%)
Oklch
oklch(50.4% 0.134 12.5)

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

#5D4247

Crimson · DarkOliveGreen · Wine Red

HEX
#5D4247
RGB
rgb(93, 66, 71)
HSL
hsl(349, 17%, 31%)
HSB
hsb(349, 29%, 36%)
CMYK
cmyk(0%, 29%, 24%, 64%)
Oklch
oklch(41.1% 0.038 6.6)

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

#3D3135

Dark Violet · DarkSlateGray · Raspberry

HEX
#3D3135
RGB
rgb(61, 49, 53)
HSL
hsl(340, 11%, 22%)
HSB
hsb(340, 20%, 24%)
CMYK
cmyk(0%, 20%, 13%, 76%)
Oklch
oklch(32.8% 0.019 356.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEC9B8
B9CEDF

Analogous

DFB9BB
DEC9B8
DFDDB9

Triadic

DEC9B8
B9DFCA
CAB9DF

Split-Comp.

DEC9B8
B9DFDD
B9BBDF

Tetradic

DEC9B8
BBDFB9
B9CEDF
DDB9DF

Contrast Matrix WCAG 2.1 Contrast

DEC9B8
BE8193
A23D4F
5D4247
3D3135
—
1.9
Fail
4.0
AA Large
5.6
AA
7.8
AAA
1.9
Fail
—
2.0
Fail
2.9
Fail
4.0
AA Large
4.0
AA Large
2.0
Fail
—
1.4
Fail
2.0
Fail
5.6
AA
2.9
Fail
1.4
Fail
—
1.4
Fail
7.8
AAA
4.0
AA Large
2.0
Fail
1.4
Fail
—
White BG
1.6Fail
3.1AA Large
6.3AA
9.0AAA
12.4AAA
Black BG
13.2AAA
6.8AA
3.3AA Large
2.3Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5BC
A4A38F
76754B
515146
383834

Deuteranopia

D6D8BD
A7AC8E
7C844A
535546
393934

Tritanopia

DDBFC0
BB8B8A
9D4746
5C4545
3C3333

Achromatopsia

CDCDCD
959595
5D5D5D
4B4B4B
353535

Shades & Tints Shades & Tints

#DEC9B8

Dark
Light

#BE8193

Dark
Light

#A23D4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dec9b8;
  --color-2: #be8193;
  --color-3: #a23d4f;
  --color-4: #5d4247;
  --color-5: #3d3135;
}

SCSS

$color-1: #dec9b8;
$color-2: #be8193;
$color-3: #a23d4f;
$color-4: #5d4247;
$color-5: #3d3135;

TAILWIND

colors: {
  'brand-1': '#dec9b8',
  'brand-2': '#be8193',
  'brand-3': '#a23d4f',
  'brand-4': '#5d4247',
  'brand-5': '#3d3135',
}

RGB Array

[222, 201, 184], [190, 129, 147], [162, 61, 79], [93, 66, 71], [61, 49, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DEC9B8, #BE8193, #A23D4F, #5D4247, #3D3135 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: #dec9b8; --color-2: #be8193; --color-3: #a23d4f; --color-4: #5d4247; --color-5: #3d3135. 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