← Back to Editor

#382430 · #87324D · #D65656 · #E69167 · #E6BF81

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

#382430

Rose Purple · DarkSlateGray · Raspberry

HEX
#382430
RGB
rgb(56, 36, 48)
HSL
hsl(324, 22%, 18%)
HSB
hsb(324, 36%, 22%)
CMYK
cmyk(0%, 36%, 14%, 78%)
Oklch
oklch(29.0% 0.036 342.9)

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

#87324D

Dark Violet · Brown · Camellia

HEX
#87324D
RGB
rgb(135, 50, 77)
HSL
hsl(341, 46%, 36%)
HSB
hsb(341, 63%, 53%)
CMYK
cmyk(0%, 63%, 43%, 47%)
Oklch
oklch(44.6% 0.119 3.5)

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

#D65656

Vermilion · Tomato · Passion Red

HEX
#D65656
RGB
rgb(214, 86, 86)
HSL
hsl(0, 61%, 59%)
HSB
hsb(0, 60%, 84%)
CMYK
cmyk(0%, 60%, 60%, 16%)
Oklch
oklch(62.0% 0.162 23.0)

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

#E69167

Apricot · DarkSalmon · Warm Sun

HEX
#E69167
RGB
rgb(230, 145, 103)
HSL
hsl(20, 72%, 65%)
HSB
hsb(20, 55%, 90%)
CMYK
cmyk(0%, 37%, 55%, 10%)
Oklch
oklch(73.5% 0.118 46.7)

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

#E6BF81

Ginger · BurlyWood · Warm Sun

HEX
#E6BF81
RGB
rgb(230, 191, 129)
HSL
hsl(37, 67%, 70%)
HSB
hsb(37, 44%, 90%)
CMYK
cmyk(0%, 17%, 44%, 10%)
Oklch
oklch(82.5% 0.091 78.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

382430
24382C

Analogous

362438
382430
382426

Triadic

382430
303824
243038

Split-Comp.

382430
263824
243836

Tetradic

382430
383624
24382C
242638

Contrast Matrix WCAG 2.1 Contrast

382430
87324D
D65656
E69167
E6BF81
—
1.8
Fail
3.6
AA Large
5.9
AA
8.3
AAA
1.8
Fail
—
2.1
Fail
3.3
AA Large
4.7
AA
3.6
AA Large
2.1
Fail
—
1.6
Fail
2.3
Fail
5.9
AA
3.3
AA Large
1.6
Fail
—
1.4
Fail
8.3
AAA
4.7
AA
2.3
Fail
1.4
Fail
—
White BG
14.4AAA
8.1AAA
3.9AA Large
2.4Fail
1.7Fail
Black BG
1.5Fail
2.6Fail
5.3AA
8.6AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F2D
626146
9F9D56
C1C071
D5D590

Deuteranopia

31322C
676E45
A6B056
C6CD74
D7DA94

Tritanopia

372B2A
834140
D05656
E2797B
E49C9E

Achromatopsia

2B2B2B
4E4E4E
7C7C7C
A6A6A6
C4C4C4

Shades & Tints Shades & Tints

#382430

Dark
Light

#87324D

Dark
Light

#D65656

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #382430;
  --color-2: #87324d;
  --color-3: #d65656;
  --color-4: #e69167;
  --color-5: #e6bf81;
}

SCSS

$color-1: #382430;
$color-2: #87324d;
$color-3: #d65656;
$color-4: #e69167;
$color-5: #e6bf81;

TAILWIND

colors: {
  'brand-1': '#382430',
  'brand-2': '#87324d',
  'brand-3': '#d65656',
  'brand-4': '#e69167',
  'brand-5': '#e6bf81',
}

RGB Array

[56, 36, 48], [135, 50, 77], [214, 86, 86], [230, 145, 103], [230, 191, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #382430, #87324D, #D65656, #E69167, #E6BF81 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: #382430; --color-2: #87324d; --color-3: #d65656; --color-4: #e69167; --color-5: #e6bf81. 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