← Back to Editor

#7BB59F · #523933 · #DBC29E · #1F1414 · #CF3B2D

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#7BB59F

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#7BB59F
RGB
rgb(123, 181, 159)
HSL
hsl(157, 28%, 60%)
HSB
hsb(157, 32%, 71%)
CMYK
cmyk(32%, 0%, 12%, 29%)
Oklch
oklch(72.7% 0.069 168.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#523933

Crimson · DarkSlateGray · Wine Red

HEX
#523933
RGB
rgb(82, 57, 51)
HSL
hsl(12, 23%, 26%)
HSB
hsb(12, 38%, 32%)
CMYK
cmyk(0%, 30%, 38%, 68%)
Oklch
oklch(37.1% 0.037 33.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#DBC29E

Goose Yellow · Tan · Warm Sun

HEX
#DBC29E
RGB
rgb(219, 194, 158)
HSL
hsl(35, 46%, 74%)
HSB
hsb(35, 28%, 86%)
CMYK
cmyk(0%, 11%, 28%, 14%)
Oklch
oklch(82.6% 0.056 76.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#1F1414

Crimson · Black · Deep Berry

HEX
#1F1414
RGB
rgb(31, 20, 20)
HSL
hsl(0, 22%, 10%)
HSB
hsb(0, 35%, 12%)
CMYK
cmyk(0%, 35%, 35%, 88%)
Oklch
oklch(20.6% 0.018 18.8)

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

#CF3B2D

Vermilion · FireBrick · Passion Red

HEX
#CF3B2D
RGB
rgb(207, 59, 45)
HSL
hsl(5, 64%, 49%)
HSB
hsb(5, 78%, 81%)
CMYK
cmyk(0%, 71%, 78%, 19%)
Oklch
oklch(57.1% 0.187 29.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7BB59F
B67C92

Analogous

7CB683
7BB59F
7CAFB6

Triadic

7BB59F
A07CB6
B6A07C

Split-Comp.

7BB59F
B67CAF
B6837C

Tetradic

7BB59F
837CB6
B67C92
AFB67C

Contrast Matrix WCAG 2.1 Contrast

7BB59F
523933
DBC29E
1F1414
CF3B2D
—
4.5
AA Large
1.4
Fail
7.7
AAA
2.1
Fail
4.5
AA Large
—
6.1
AA
1.7
Fail
2.2
Fail
1.4
Fail
6.1
AA
—
10.5
AAA
2.8
Fail
7.7
AAA
1.7
Fail
10.5
AAA
—
3.7
AA Large
2.1
Fail
2.2
Fail
2.8
Fail
3.7
AA Large
—
White BG
2.3Fail
10.5AAA
1.7Fail
18.0AAA
4.9AA
Black BG
9.0AAA
2.0Fail
12.2AAA
1.2Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9495A4
474734
D0D0A7
1A1A14
8F8E30

Deuteranopia

918CA6
494B35
D2D3A9
1B1C14
98A331

Tritanopia

7EA9A9
513636
DAAEAF
1E1414
C83334

Achromatopsia

A1A1A1
404040
C5C5C5
171717
666666

Shades & Tints Shades & Tints

#7BB59F

Dark
Light

#523933

Dark
Light

#DBC29E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7bb59f;
  --color-2: #523933;
  --color-3: #dbc29e;
  --color-4: #1f1414;
  --color-5: #cf3b2d;
}

SCSS

$color-1: #7bb59f;
$color-2: #523933;
$color-3: #dbc29e;
$color-4: #1f1414;
$color-5: #cf3b2d;

TAILWIND

colors: {
  'brand-1': '#7bb59f',
  'brand-2': '#523933',
  'brand-3': '#dbc29e',
  'brand-4': '#1f1414',
  'brand-5': '#cf3b2d',
}

RGB Array

[123, 181, 159], [82, 57, 51], [219, 194, 158], [31, 20, 20], [207, 59, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #7BB59F, #523933, #DBC29E, #1F1414, #CF3B2D 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: #7bb59f; --color-2: #523933; --color-3: #dbc29e; --color-4: #1f1414; --color-5: #cf3b2d. 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