← Back to Editor

#7D793C · #47453D · #3B352E · #30221E · #261F1A

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

#7D793C

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#7D793C
RGB
rgb(125, 121, 60)
HSL
hsl(56, 35%, 36%)
HSB
hsb(56, 52%, 49%)
CMYK
cmyk(0%, 3%, 52%, 51%)
Oklch
oklch(56.6% 0.083 105.4)

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

#47453D

Ochre · DarkSlateGray · Charcoal

HEX
#47453D
RGB
rgb(71, 69, 61)
HSL
hsl(48, 8%, 26%)
HSB
hsb(48, 14%, 28%)
CMYK
cmyk(0%, 3%, 14%, 72%)
Oklch
oklch(39.0% 0.013 95.4)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

#3B352E

Ochre · DarkSlateGray · Cinnamon

HEX
#3B352E
RGB
rgb(59, 53, 46)
HSL
hsl(32, 12%, 21%)
HSB
hsb(32, 22%, 23%)
CMYK
cmyk(0%, 10%, 22%, 77%)
Oklch
oklch(33.3% 0.015 71.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#30221E

Crimson · Black · Deep Berry

HEX
#30221E
RGB
rgb(48, 34, 30)
HSL
hsl(13, 23%, 15%)
HSB
hsb(13, 38%, 19%)
CMYK
cmyk(0%, 29%, 37%, 81%)
Oklch
oklch(26.8% 0.023 36.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#261F1A

Tangerine · Black · Cinnamon

HEX
#261F1A
RGB
rgb(38, 31, 26)
HSL
hsl(25, 19%, 13%)
HSB
hsb(25, 32%, 15%)
CMYK
cmyk(0%, 18%, 32%, 85%)
Oklch
oklch(24.6% 0.014 57.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D793C
3C407C

Analogous

7C583C
7D793C
607C3C

Triadic

7D793C
3C7C78
783C7C

Split-Comp.

7D793C
3C607C
583C7C

Tetradic

7D793C
3C7C58
3C407C
7C3C60

Contrast Matrix WCAG 2.1 Contrast

7D793C
47453D
3B352E
30221E
261F1A
—
2.1
Fail
2.7
Fail
3.4
AA Large
3.6
AA Large
2.1
Fail
—
1.3
Fail
1.6
Fail
1.7
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
3.4
AA Large
1.6
Fail
1.3
Fail
—
1.1
Fail
3.6
AA Large
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
4.5AA Large
9.6AAA
12.1AAA
15.3AAA
16.2AAA
Black BG
4.7AA
2.2Fail
1.7Fail
1.4Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B4B
46463F
383830
2A2A1F
23231B

Deuteranopia

7C7C4E
46463F
393930
2B2C1F
23241C

Tritanopia

7D5659
474041
3B3131
2F2020
261C1C

Achromatopsia

737373
454545
363636
262626
212121

Shades & Tints Shades & Tints

#7D793C

Dark
Light

#47453D

Dark
Light

#3B352E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d793c;
  --color-2: #47453d;
  --color-3: #3b352e;
  --color-4: #30221e;
  --color-5: #261f1a;
}

SCSS

$color-1: #7d793c;
$color-2: #47453d;
$color-3: #3b352e;
$color-4: #30221e;
$color-5: #261f1a;

TAILWIND

colors: {
  'brand-1': '#7d793c',
  'brand-2': '#47453d',
  'brand-3': '#3b352e',
  'brand-4': '#30221e',
  'brand-5': '#261f1a',
}

RGB Array

[125, 121, 60], [71, 69, 61], [59, 53, 46], [48, 34, 30], [38, 31, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #7D793C, #47453D, #3B352E, #30221E, #261F1A is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7d793c; --color-2: #47453d; --color-3: #3b352e; --color-4: #30221e; --color-5: #261f1a. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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