← Back to Editor

#C7C488 · #C7A72C · #B6760A · #D2D19C · #A9BA8E

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 MenuPoster

Color Details Color Details

#C7C488

Fresh Green · Tan · Sunflower

HEX
#C7C488
RGB
rgb(199, 196, 136)
HSL
hsl(57, 36%, 66%)
HSB
hsb(57, 32%, 78%)
CMYK
cmyk(0%, 2%, 32%, 22%)
Oklch
oklch(80.8% 0.079 105.6)

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

#C7A72C

Ochre · GoldenRod · Honey Gold

HEX
#C7A72C
RGB
rgb(199, 167, 44)
HSL
hsl(48, 64%, 48%)
HSB
hsb(48, 78%, 78%)
CMYK
cmyk(0%, 16%, 78%, 22%)
Oklch
oklch(73.6% 0.138 93.5)

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

#B6760A

Ochre · DarkGoldenRod · Amber Brown

HEX
#B6760A
RGB
rgb(182, 118, 10)
HSL
hsl(38, 90%, 38%)
HSB
hsb(38, 95%, 71%)
CMYK
cmyk(0%, 35%, 95%, 29%)
Oklch
oklch(61.9% 0.131 71.1)

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

#D2D19C

Fresh Green · Tan · Sunflower

HEX
#D2D19C
RGB
rgb(210, 209, 156)
HSL
hsl(59, 37%, 72%)
HSB
hsb(59, 26%, 82%)
CMYK
cmyk(0%, 0%, 26%, 18%)
Oklch
oklch(84.8% 0.070 106.9)

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

#A9BA8E

Willow Green · DarkSeaGreen · Apple Green

HEX
#A9BA8E
RGB
rgb(169, 186, 142)
HSL
hsl(83, 24%, 64%)
HSB
hsb(83, 24%, 73%)
CMYK
cmyk(9%, 0%, 24%, 27%)
Oklch
oklch(76.4% 0.063 125.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7C488
898CC8

Analogous

C8A589
C7C488
ABC889

Triadic

C7C488
89C8C4
C489C8

Split-Comp.

C7C488
89ABC8
A589C8

Tetradic

C7C488
89C8A5
898CC8
C889AB

Contrast Matrix WCAG 2.1 Contrast

C7C488
C7A72C
B6760A
D2D19C
A9BA8E
—
1.3
Fail
2.1
Fail
1.1
Fail
1.2
Fail
1.3
Fail
—
1.6
Fail
1.5
Fail
1.1
Fail
2.1
Fail
1.6
Fail
—
2.4
Fail
1.8
Fail
1.1
Fail
1.5
Fail
2.4
Fail
—
1.3
Fail
1.2
Fail
1.1
Fail
1.8
Fail
1.3
Fail
—
White BG
1.8Fail
2.3Fail
3.8AA Large
1.6Fail
2.1Fail
Black BG
11.7AAA
9.0AAA
5.6AA
13.3AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C697
B9B94A
9A9A24
D2D2A9
B0B199

Deuteranopia

C6C69A
BBBD51
9EA32A
D2D2AC
AFAE9B

Tritanopia

C7A2A5
C56166
B3393D
D2B3B5
AAA1A3

Achromatopsia

BEBEBE
A3A3A3
7D7D7D
CBCBCB
B0B0B0

Shades & Tints Shades & Tints

#C7C488

Dark
Light

#C7A72C

Dark
Light

#B6760A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7c488;
  --color-2: #c7a72c;
  --color-3: #b6760a;
  --color-4: #d2d19c;
  --color-5: #a9ba8e;
}

SCSS

$color-1: #c7c488;
$color-2: #c7a72c;
$color-3: #b6760a;
$color-4: #d2d19c;
$color-5: #a9ba8e;

TAILWIND

colors: {
  'brand-1': '#c7c488',
  'brand-2': '#c7a72c',
  'brand-3': '#b6760a',
  'brand-4': '#d2d19c',
  'brand-5': '#a9ba8e',
}

RGB Array

[199, 196, 136], [199, 167, 44], [182, 118, 10], [210, 209, 156], [169, 186, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C7C488, #C7A72C, #B6760A, #D2D19C, #A9BA8E is ideal for: corporate websites, product showcases, portfolios. 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: #c7c488; --color-2: #c7a72c; --color-3: #b6760a; --color-4: #d2d19c; --color-5: #a9ba8e. 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. 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