← Back to Editor

#DEAF8A · #60806C · #5C5B4E · #543A2E · #4A2725

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

#DEAF8A

Apricot · BurlyWood · Warm Sun

HEX
#DEAF8A
RGB
rgb(222, 175, 138)
HSL
hsl(26, 56%, 71%)
HSB
hsb(26, 38%, 87%)
CMYK
cmyk(0%, 21%, 38%, 13%)
Oklch
oklch(78.8% 0.074 59.6)

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

#60806C

Celadon · DimGray · Olive Green

HEX
#60806C
RGB
rgb(96, 128, 108)
HSL
hsl(143, 14%, 44%)
HSB
hsb(143, 25%, 50%)
CMYK
cmyk(25%, 0%, 16%, 50%)
Oklch
oklch(56.9% 0.048 157.1)

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

#5C5B4E

Autumn Sage · DimGray · Charcoal

HEX
#5C5B4E
RGB
rgb(92, 91, 78)
HSL
hsl(56, 8%, 33%)
HSB
hsb(56, 15%, 36%)
CMYK
cmyk(0%, 1%, 15%, 64%)
Oklch
oklch(46.8% 0.020 103.5)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#543A2E

Tangerine · DarkOliveGreen · Cinnamon

HEX
#543A2E
RGB
rgb(84, 58, 46)
HSL
hsl(19, 29%, 25%)
HSB
hsb(19, 45%, 33%)
CMYK
cmyk(0%, 31%, 45%, 67%)
Oklch
oklch(37.5% 0.042 45.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#4A2725

Crimson · DarkSlateGray · Wine Red

HEX
#4A2725
RGB
rgb(74, 39, 37)
HSL
hsl(3, 33%, 22%)
HSB
hsb(3, 50%, 29%)
CMYK
cmyk(0%, 47%, 50%, 71%)
Oklch
oklch(31.8% 0.053 24.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEAF8A
8CBBDE

Analogous

DE8C91
DEAF8A
DED98C

Triadic

DEAF8A
8CDEB0
B08CDE

Split-Comp.

DEAF8A
8CDED9
8C91DE

Tetradic

DEAF8A
91DE8C
8CBBDE
D98CDE

Contrast Matrix WCAG 2.1 Contrast

DEAF8A
60806C
5C5B4E
543A2E
4A2725
—
2.2
Fail
3.5
AA Large
5.2
AA
6.6
AA
2.2
Fail
—
1.6
Fail
2.4
Fail
3.0
Fail
3.5
AA Large
1.6
Fail
—
1.5
Fail
1.9
Fail
5.2
AA
2.4
Fail
1.5
Fail
—
1.3
Fail
6.6
AA
3.0
Fail
1.9
Fail
1.3
Fail
—
White BG
2.0Fail
4.4AA Large
6.9AA
10.4AAA
13.1AAA
Black BG
10.6AAA
4.8AA
3.1AA Large
2.0Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC993
6E6E71
5C5C51
494931
3B3B25

Deuteranopia

CCD095
6C6A72
5C5C52
4A4C32
3D4026

Tritanopia

DC9A9C
627576
5C5454
533334
482626

Achromatopsia

B9B9B9
747474
5A5A5A
404040
313131

Shades & Tints Shades & Tints

#DEAF8A

Dark
Light

#60806C

Dark
Light

#5C5B4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deaf8a;
  --color-2: #60806c;
  --color-3: #5c5b4e;
  --color-4: #543a2e;
  --color-5: #4a2725;
}

SCSS

$color-1: #deaf8a;
$color-2: #60806c;
$color-3: #5c5b4e;
$color-4: #543a2e;
$color-5: #4a2725;

TAILWIND

colors: {
  'brand-1': '#deaf8a',
  'brand-2': '#60806c',
  'brand-3': '#5c5b4e',
  'brand-4': '#543a2e',
  'brand-5': '#4a2725',
}

RGB Array

[222, 175, 138], [96, 128, 108], [92, 91, 78], [84, 58, 46], [74, 39, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DEAF8A, #60806C, #5C5B4E, #543A2E, #4A2725 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #deaf8a; --color-2: #60806c; --color-3: #5c5b4e; --color-4: #543a2e; --color-5: #4a2725. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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