← Back to Editor

#AB7704 · #092D13 · #405A1B · #738D1F · #B3C42F

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

#AB7704

Ochre · DarkGoldenRod · Honey Gold

HEX
#AB7704
RGB
rgb(171, 119, 4)
HSL
hsl(41, 95%, 34%)
HSB
hsb(41, 98%, 67%)
CMYK
cmyk(0%, 30%, 98%, 33%)
Oklch
oklch(60.7% 0.126 77.9)

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

#092D13

Pine Green · Black · Dark Green

HEX
#092D13
RGB
rgb(9, 45, 19)
HSL
hsl(137, 67%, 11%)
HSB
hsb(137, 80%, 18%)
CMYK
cmyk(80%, 0%, 58%, 82%)
Oklch
oklch(26.4% 0.063 149.1)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#405A1B

Grass Green · DarkOliveGreen · Forest Green

HEX
#405A1B
RGB
rgb(64, 90, 27)
HSL
hsl(85, 54%, 23%)
HSB
hsb(85, 70%, 35%)
CMYK
cmyk(29%, 0%, 70%, 65%)
Oklch
oklch(43.2% 0.094 128.9)

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

#738D1F

Grass Green · Olive · Forest Green

HEX
#738D1F
RGB
rgb(115, 141, 31)
HSL
hsl(74, 64%, 34%)
HSB
hsb(74, 78%, 55%)
CMYK
cmyk(18%, 0%, 78%, 45%)
Oklch
oklch(60.2% 0.135 122.5)

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

#B3C42F

Autumn Sage · GoldenRod · Honey Gold

HEX
#B3C42F
RGB
rgb(179, 196, 47)
HSL
hsl(67, 61%, 48%)
HSB
hsb(67, 76%, 77%)
CMYK
cmyk(9%, 0%, 76%, 23%)
Oklch
oklch(78.2% 0.165 116.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB7704
0438A9

Analogous

A92304
AB7704
8BA904

Triadic

AB7704
04A975
7504A9

Split-Comp.

AB7704
048BA9
2304A9

Tetradic

AB7704
04A923
0438A9
A9048B

Contrast Matrix WCAG 2.1 Contrast

AB7704
092D13
405A1B
738D1F
B3C42F
—
3.8
AA Large
2.0
Fail
1.0
Fail
2.0
Fail
3.8
AA Large
—
1.9
Fail
4.0
AA Large
7.8
AAA
2.0
Fail
1.9
Fail
—
2.1
Fail
4.0
AA Large
1.0
Fail
4.0
AA Large
2.1
Fail
—
2.0
Fail
2.0
Fail
7.8
AAA
4.0
AA Large
2.0
Fail
—
White BG
3.9AA Large
15.0AAA
7.8AAA
3.8AA Large
1.9Fail
Black BG
5.4AA
1.4Fail
2.7Fail
5.6AA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

949420
191919
4B4B2A
7E7E3A
BABB53

Deuteranopia

989B26
17141B
4A482E
7D7B40
B9B85C

Tritanopia

A8363B
0B1E1F
413639
744F53
B47076

Achromatopsia

797979
1F1F1F
4B4B4B
797979
AEAEAE

Shades & Tints Shades & Tints

#AB7704

Dark
Light

#092D13

Dark
Light

#405A1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab7704;
  --color-2: #092d13;
  --color-3: #405a1b;
  --color-4: #738d1f;
  --color-5: #b3c42f;
}

SCSS

$color-1: #ab7704;
$color-2: #092d13;
$color-3: #405a1b;
$color-4: #738d1f;
$color-5: #b3c42f;

TAILWIND

colors: {
  'brand-1': '#ab7704',
  'brand-2': '#092d13',
  'brand-3': '#405a1b',
  'brand-4': '#738d1f',
  'brand-5': '#b3c42f',
}

RGB Array

[171, 119, 4], [9, 45, 19], [64, 90, 27], [115, 141, 31], [179, 196, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AB7704, #092D13, #405A1B, #738D1F, #B3C42F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ab7704; --color-2: #092d13; --color-3: #405a1b; --color-4: #738d1f; --color-5: #b3c42f. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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