← Back to Editor

#C5C8AD · #ABB8A0 · #9F613C · #5F232A · #210F19

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

#C5C8AD

Fresh Green · Silver · Sunflower

HEX
#C5C8AD
RGB
rgb(197, 200, 173)
HSL
hsl(67, 20%, 73%)
HSB
hsb(67, 13%, 78%)
CMYK
cmyk(1%, 0%, 13%, 22%)
Oklch
oklch(82.3% 0.037 112.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#ABB8A0

Celadon · DarkGray · Apple Green

HEX
#ABB8A0
RGB
rgb(171, 184, 160)
HSL
hsl(93, 14%, 67%)
HSB
hsb(93, 13%, 72%)
CMYK
cmyk(7%, 0%, 13%, 28%)
Oklch
oklch(76.6% 0.036 130.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#9F613C

Tangerine · Sienna · Amber Brown

HEX
#9F613C
RGB
rgb(159, 97, 60)
HSL
hsl(22, 45%, 43%)
HSB
hsb(22, 62%, 62%)
CMYK
cmyk(0%, 39%, 62%, 38%)
Oklch
oklch(55.4% 0.096 50.6)

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

#5F232A

Crimson · Maroon · Wine Red

HEX
#5F232A
RGB
rgb(95, 35, 42)
HSL
hsl(353, 46%, 25%)
HSB
hsb(353, 63%, 37%)
CMYK
cmyk(0%, 63%, 56%, 63%)
Oklch
oklch(34.7% 0.088 15.8)

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

#210F19

Rose Purple · Black · Raspberry

HEX
#210F19
RGB
rgb(33, 15, 25)
HSL
hsl(327, 38%, 9%)
HSB
hsb(327, 55%, 13%)
CMYK
cmyk(0%, 55%, 24%, 87%)
Oklch
oklch(19.9% 0.035 346.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5C8AD
B0ACC8

Analogous

C8BDAC
C5C8AD
B7C8AC

Triadic

C5C8AD
ACC5C8
C8ACC5

Split-Comp.

C5C8AD
ACB7C8
BDACC8

Tetradic

C5C8AD
ACC8BD
B0ACC8
C8ACB7

Contrast Matrix WCAG 2.1 Contrast

C5C8AD
ABB8A0
9F613C
5F232A
210F19
—
1.2
Fail
2.9
Fail
7.0
AA
10.7
AAA
1.2
Fail
—
2.4
Fail
5.7
AA
8.8
AAA
2.9
Fail
2.4
Fail
—
2.4
Fail
3.7
AA Large
7.0
AA
5.7
AA
2.4
Fail
—
1.5
Fail
10.7
AAA
8.8
AAA
3.7
AA Large
1.5
Fail
—
White BG
1.7Fail
2.1Fail
4.9AA
11.9AAA
18.3AAA
Black BG
12.2AAA
10.1AAA
4.2AA Large
1.8Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6B4
B1B1A6
848445
454428
191917

Deuteranopia

C6C6B5
B0AFA7
888C47
494D28
1A1C16

Tritanopia

C5B9BA
ACAAAB
9C4C4E
5C2727
201514

Achromatopsia

C4C4C4
B1B1B1
6F6F6F
363636
161616

Shades & Tints Shades & Tints

#C5C8AD

Dark
Light

#ABB8A0

Dark
Light

#9F613C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5c8ad;
  --color-2: #abb8a0;
  --color-3: #9f613c;
  --color-4: #5f232a;
  --color-5: #210f19;
}

SCSS

$color-1: #c5c8ad;
$color-2: #abb8a0;
$color-3: #9f613c;
$color-4: #5f232a;
$color-5: #210f19;

TAILWIND

colors: {
  'brand-1': '#c5c8ad',
  'brand-2': '#abb8a0',
  'brand-3': '#9f613c',
  'brand-4': '#5f232a',
  'brand-5': '#210f19',
}

RGB Array

[197, 200, 173], [171, 184, 160], [159, 97, 60], [95, 35, 42], [33, 15, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C5C8AD, #ABB8A0, #9F613C, #5F232A, #210F19 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: #c5c8ad; --color-2: #abb8a0; --color-3: #9f613c; --color-4: #5f232a; --color-5: #210f19. 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