← Back to Editor

#1C1A16 · #8EA120 · #9CBB97 · #C6C698 · #EED9A5

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

#1C1A16

Ochre · Black · Amber Gold

HEX
#1C1A16
RGB
rgb(28, 26, 22)
HSL
hsl(40, 12%, 10%)
HSB
hsb(40, 21%, 11%)
CMYK
cmyk(0%, 7%, 21%, 89%)
Oklch
oklch(21.9% 0.008 84.6)

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

#8EA120

Autumn Sage · Olive · Honey Gold

HEX
#8EA120
RGB
rgb(142, 161, 32)
HSL
hsl(69, 67%, 38%)
HSB
hsb(69, 80%, 63%)
CMYK
cmyk(12%, 0%, 80%, 37%)
Oklch
oklch(67.1% 0.146 118.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9CBB97

Celadon · DarkSeaGreen · Apple Green

HEX
#9CBB97
RGB
rgb(156, 187, 151)
HSL
hsl(112, 21%, 66%)
HSB
hsb(112, 19%, 73%)
CMYK
cmyk(17%, 0%, 19%, 27%)
Oklch
oklch(75.9% 0.061 141.2)

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

#C6C698

Fresh Green · Tan · Sunflower

HEX
#C6C698
RGB
rgb(198, 198, 152)
HSL
hsl(60, 29%, 69%)
HSB
hsb(60, 23%, 78%)
CMYK
cmyk(0%, 0%, 23%, 22%)
Oklch
oklch(81.5% 0.062 107.7)

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

#EED9A5

Goose Yellow · Wheat · Lemon Cream

HEX
#EED9A5
RGB
rgb(238, 217, 165)
HSL
hsl(43, 68%, 79%)
HSB
hsb(43, 31%, 93%)
CMYK
cmyk(0%, 9%, 31%, 7%)
Oklch
oklch(89.0% 0.071 88.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1A16
16181D

Analogous

1D1716
1C1A16
1C1D16

Triadic

1C1A16
161D1B
1B161D

Split-Comp.

1C1A16
161C1D
17161D

Tetradic

1C1A16
161D17
16181D
1D161C

Contrast Matrix WCAG 2.1 Contrast

1C1A16
8EA120
9CBB97
C6C698
EED9A5
—
6.0
AA
8.2
AAA
9.9
AAA
12.5
AAA
6.0
AA
—
1.4
Fail
1.6
Fail
2.1
Fail
8.2
AAA
1.4
Fail
—
1.2
Fail
1.5
Fail
9.9
AAA
1.6
Fail
1.2
Fail
—
1.3
Fail
12.5
AAA
2.1
Fail
1.5
Fail
1.3
Fail
—
White BG
17.4AAA
2.9Fail
2.1Fail
1.8Fail
1.4Fail
Black BG
1.2Fail
7.3AAA
10.0AAA
11.9AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B17
96963F
A9AAA0
C6C6A3
E5E5B2

Deuteranopia

1B1B17
959447
A8A5A2
C6C6A6
E6E8B5

Tritanopia

1C1818
8F585D
9EA7A8
C6ACAE
EDBCBE

Achromatopsia

1A1A1A
8D8D8D
AEAEAE
C1C1C1
D9D9D9

Shades & Tints Shades & Tints

#1C1A16

Dark
Light

#8EA120

Dark
Light

#9CBB97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1a16;
  --color-2: #8ea120;
  --color-3: #9cbb97;
  --color-4: #c6c698;
  --color-5: #eed9a5;
}

SCSS

$color-1: #1c1a16;
$color-2: #8ea120;
$color-3: #9cbb97;
$color-4: #c6c698;
$color-5: #eed9a5;

TAILWIND

colors: {
  'brand-1': '#1c1a16',
  'brand-2': '#8ea120',
  'brand-3': '#9cbb97',
  'brand-4': '#c6c698',
  'brand-5': '#eed9a5',
}

RGB Array

[28, 26, 22], [142, 161, 32], [156, 187, 151], [198, 198, 152], [238, 217, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #1C1A16, #8EA120, #9CBB97, #C6C698, #EED9A5 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: #1c1a16; --color-2: #8ea120; --color-3: #9cbb97; --color-4: #c6c698; --color-5: #eed9a5. 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