← Back to Editor

#605448 · #DA8F78 · #C8B491 · #BC9D66 · #816550

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 MenuPoster

Color Details Color Details

#605448

Ochre · DarkOliveGreen · Amber Brown

HEX
#605448
RGB
rgb(96, 84, 72)
HSL
hsl(30, 14%, 33%)
HSB
hsb(30, 25%, 38%)
CMYK
cmyk(0%, 13%, 25%, 62%)
Oklch
oklch(45.4% 0.025 67.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#DA8F78

Peach Pink · DarkSalmon · Coral Red

HEX
#DA8F78
RGB
rgb(218, 143, 120)
HSL
hsl(14, 57%, 66%)
HSB
hsb(14, 45%, 85%)
CMYK
cmyk(0%, 34%, 45%, 15%)
Oklch
oklch(72.1% 0.098 37.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C8B491

Ginger · Tan · Warm Sun

HEX
#C8B491
RGB
rgb(200, 180, 145)
HSL
hsl(38, 33%, 68%)
HSB
hsb(38, 28%, 78%)
CMYK
cmyk(0%, 10%, 28%, 22%)
Oklch
oklch(77.8% 0.053 81.5)

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

#BC9D66

Ginger · Tan · Warm Sun

HEX
#BC9D66
RGB
rgb(188, 157, 102)
HSL
hsl(38, 39%, 57%)
HSB
hsb(38, 46%, 74%)
CMYK
cmyk(0%, 16%, 46%, 26%)
Oklch
oklch(71.1% 0.081 81.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#816550

Tangerine · DimGray · Amber Brown

HEX
#816550
RGB
rgb(129, 101, 80)
HSL
hsl(26, 23%, 41%)
HSB
hsb(26, 38%, 51%)
CMYK
cmyk(0%, 22%, 38%, 49%)
Oklch
oklch(52.9% 0.048 58.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605448
485460

Analogous

604848
605448
606048

Triadic

605448
486054
544860

Split-Comp.

605448
486060
484860

Tetradic

605448
486048
485460
604860

Contrast Matrix WCAG 2.1 Contrast

605448
DA8F78
C8B491
BC9D66
816550
—
2.9
Fail
3.6
AA Large
2.9
Fail
1.4
Fail
2.9
Fail
—
1.3
Fail
1.0
Fail
2.1
Fail
3.6
AA Large
1.3
Fail
—
1.3
Fail
2.7
Fail
2.9
Fail
1.0
Fail
1.3
Fail
—
2.1
Fail
1.4
Fail
2.1
Fail
2.7
Fail
2.1
Fail
—
White BG
7.3AAA
2.6Fail
2.0Fail
2.6Fail
5.4AA
Black BG
2.9Fail
8.2AAA
10.4AAA
8.2AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B4B
BAB97E
BFBF99
AFAE73
757555

Deuteranopia

5C5C4C
BEC47F
C1C29C
B0B377
777956

Tritanopia

5F4D4E
D68283
C7A0A2
BA7E80
80595A

Achromatopsia

565656
A3A3A3
B6B6B6
A0A0A0
6B6B6B

Shades & Tints Shades & Tints

#605448

Dark
Light

#DA8F78

Dark
Light

#C8B491

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605448;
  --color-2: #da8f78;
  --color-3: #c8b491;
  --color-4: #bc9d66;
  --color-5: #816550;
}

SCSS

$color-1: #605448;
$color-2: #da8f78;
$color-3: #c8b491;
$color-4: #bc9d66;
$color-5: #816550;

TAILWIND

colors: {
  'brand-1': '#605448',
  'brand-2': '#da8f78',
  'brand-3': '#c8b491',
  'brand-4': '#bc9d66',
  'brand-5': '#816550',
}

RGB Array

[96, 84, 72], [218, 143, 120], [200, 180, 145], [188, 157, 102], [129, 101, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #605448, #DA8F78, #C8B491, #BC9D66, #816550 is ideal for: corporate websites, product showcases, portfolios. 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: #605448; --color-2: #da8f78; --color-3: #c8b491; --color-4: #bc9d66; --color-5: #816550. 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. 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