← Back to Editor

#A5B978 · #799653 · #815B09 · #CD9C45 · #F3E8BE

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

#A5B978

Grass Green · DarkSeaGreen · Olive Green

HEX
#A5B978
RGB
rgb(165, 185, 120)
HSL
hsl(78, 32%, 60%)
HSB
hsb(78, 35%, 73%)
CMYK
cmyk(11%, 0%, 35%, 27%)
Oklch
oklch(75.5% 0.090 122.5)

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

#799653

Grass Green · Gray · Olive Green

HEX
#799653
RGB
rgb(121, 150, 83)
HSL
hsl(86, 29%, 46%)
HSB
hsb(86, 45%, 59%)
CMYK
cmyk(19%, 0%, 45%, 41%)
Oklch
oklch(63.5% 0.099 128.1)

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

#815B09

Ochre · Olive · Honey Gold

HEX
#815B09
RGB
rgb(129, 91, 9)
HSL
hsl(41, 87%, 27%)
HSB
hsb(41, 93%, 51%)
CMYK
cmyk(0%, 29%, 93%, 49%)
Oklch
oklch(49.9% 0.100 79.3)

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

#CD9C45

Ginger · GoldenRod · Warm Sun

HEX
#CD9C45
RGB
rgb(205, 156, 69)
HSL
hsl(38, 58%, 54%)
HSB
hsb(38, 66%, 80%)
CMYK
cmyk(0%, 24%, 66%, 20%)
Oklch
oklch(72.3% 0.119 79.2)

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

#F3E8BE

Goose Yellow · Bisque · Lemon Cream

HEX
#F3E8BE
RGB
rgb(243, 232, 190)
HSL
hsl(48, 69%, 85%)
HSB
hsb(48, 22%, 95%)
CMYK
cmyk(0%, 5%, 22%, 5%)
Oklch
oklch(92.9% 0.056 95.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5B978
8C78BA

Analogous

BAAD78
A5B978
85BA78

Triadic

A5B978
78A6BA
BA78A6

Split-Comp.

A5B978
7885BA
AD78BA

Tetradic

A5B978
78BAAD
8C78BA
BA7885

Contrast Matrix WCAG 2.1 Contrast

A5B978
799653
815B09
CD9C45
F3E8BE
—
1.6
Fail
2.9
Fail
1.2
Fail
1.7
Fail
1.6
Fail
—
1.8
Fail
1.3
Fail
2.7
Fail
2.9
Fail
1.8
Fail
—
2.5
Fail
5.0
AA
1.2
Fail
1.3
Fail
2.5
Fail
—
2.0
Fail
1.7
Fail
2.7
Fail
5.0
AA
2.0
Fail
—
White BG
2.1Fail
3.3AA Large
6.1AA
2.5Fail
1.2Fail
Black BG
9.8AAA
6.3AA
3.4AA Large
8.4AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE88
868663
71701D
B8B75A
EEEEC8

Deuteranopia

ADAB8C
848267
737622
BBBE5F
EFF0CB

Tritanopia

A69497
7A7073
7F2D30
CB6B6E
F2D0D2

Achromatopsia

ACACAC
868686
5D5D5D
A1A1A1
E7E7E7

Shades & Tints Shades & Tints

#A5B978

Dark
Light

#799653

Dark
Light

#815B09

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5b978;
  --color-2: #799653;
  --color-3: #815b09;
  --color-4: #cd9c45;
  --color-5: #f3e8be;
}

SCSS

$color-1: #a5b978;
$color-2: #799653;
$color-3: #815b09;
$color-4: #cd9c45;
$color-5: #f3e8be;

TAILWIND

colors: {
  'brand-1': '#a5b978',
  'brand-2': '#799653',
  'brand-3': '#815b09',
  'brand-4': '#cd9c45',
  'brand-5': '#f3e8be',
}

RGB Array

[165, 185, 120], [121, 150, 83], [129, 91, 9], [205, 156, 69], [243, 232, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #A5B978, #799653, #815B09, #CD9C45, #F3E8BE 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: #a5b978; --color-2: #799653; --color-3: #815b09; --color-4: #cd9c45; --color-5: #f3e8be. 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