← Back to Editor

#5C6850 · #A17E3E · #DDCAA0 · #A3614B · #733A26

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

#5C6850

Celadon · DimGray · Forest Green

HEX
#5C6850
RGB
rgb(92, 104, 80)
HSL
hsl(90, 13%, 36%)
HSB
hsb(90, 23%, 41%)
CMYK
cmyk(12%, 0%, 23%, 59%)
Oklch
oklch(50.0% 0.040 129.4)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#A17E3E

Ochre · Sienna · Amber Brown

HEX
#A17E3E
RGB
rgb(161, 126, 62)
HSL
hsl(39, 44%, 44%)
HSB
hsb(39, 61%, 63%)
CMYK
cmyk(0%, 22%, 61%, 37%)
Oklch
oklch(61.4% 0.093 80.7)

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

#DDCAA0

Goose Yellow · BurlyWood · Sunflower

HEX
#DDCAA0
RGB
rgb(221, 202, 160)
HSL
hsl(41, 47%, 75%)
HSB
hsb(41, 28%, 87%)
CMYK
cmyk(0%, 9%, 28%, 13%)
Oklch
oklch(84.4% 0.060 86.5)

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

#A3614B

Tangerine · Sienna · Amber Brown

HEX
#A3614B
RGB
rgb(163, 97, 75)
HSL
hsl(15, 37%, 47%)
HSB
hsb(15, 54%, 64%)
CMYK
cmyk(0%, 40%, 54%, 36%)
Oklch
oklch(56.1% 0.092 39.2)

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

#733A26

Tangerine · Sienna · Amber Brown

HEX
#733A26
RGB
rgb(115, 58, 38)
HSL
hsl(16, 50%, 30%)
HSB
hsb(16, 67%, 45%)
CMYK
cmyk(0%, 50%, 67%, 55%)
Oklch
oklch(41.7% 0.086 39.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C6850
5C5068

Analogous

686850
5C6850
506850

Triadic

5C6850
505C68
68505C

Split-Comp.

5C6850
505068
685068

Tetradic

5C6850
506868
5C5068
685050

Contrast Matrix WCAG 2.1 Contrast

5C6850
A17E3E
DDCAA0
A3614B
733A26
—
1.6
Fail
3.7
AA Large
1.2
Fail
1.5
Fail
1.6
Fail
—
2.3
Fail
1.3
Fail
2.4
Fail
3.7
AA Large
2.3
Fail
—
3.0
Fail
5.5
AA
1.2
Fail
1.3
Fail
3.0
Fail
—
1.8
Fail
1.5
Fail
2.4
Fail
5.5
AA
1.8
Fail
—
White BG
5.9AA
3.8AA Large
1.6Fail
4.8AA
8.9AAA
Black BG
3.6AA Large
5.6AA
13.0AAA
4.4AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

616156
92924D
D5D5AA
868650
5A5A2B

Deuteranopia

616057
949751
D6D7AD
8A8F52
5E622C

Tritanopia

5D5A5B
9F5A5C
DCB2B4
A05555
702F30

Achromatopsia

626262
818181
CBCBCB
727272
494949

Shades & Tints Shades & Tints

#5C6850

Dark
Light

#A17E3E

Dark
Light

#DDCAA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c6850;
  --color-2: #a17e3e;
  --color-3: #ddcaa0;
  --color-4: #a3614b;
  --color-5: #733a26;
}

SCSS

$color-1: #5c6850;
$color-2: #a17e3e;
$color-3: #ddcaa0;
$color-4: #a3614b;
$color-5: #733a26;

TAILWIND

colors: {
  'brand-1': '#5c6850',
  'brand-2': '#a17e3e',
  'brand-3': '#ddcaa0',
  'brand-4': '#a3614b',
  'brand-5': '#733a26',
}

RGB Array

[92, 104, 80], [161, 126, 62], [221, 202, 160], [163, 97, 75], [115, 58, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #5C6850, #A17E3E, #DDCAA0, #A3614B, #733A26 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: #5c6850; --color-2: #a17e3e; --color-3: #ddcaa0; --color-4: #a3614b; --color-5: #733a26. 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