← Back to Editor

#84B693 · #919C7D · #9F8268 · #AC6752 · #BA4D3D

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

#84B693

Celadon · DarkSeaGreen · Apple Green

HEX
#84B693
RGB
rgb(132, 182, 147)
HSL
hsl(138, 26%, 62%)
HSB
hsb(138, 27%, 71%)
CMYK
cmyk(27%, 0%, 19%, 29%)
Oklch
oklch(73.1% 0.073 153.8)

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

#919C7D

Grass Green · Gray · Olive Green

HEX
#919C7D
RGB
rgb(145, 156, 125)
HSL
hsl(81, 14%, 55%)
HSB
hsb(81, 20%, 61%)
CMYK
cmyk(7%, 0%, 20%, 39%)
Oklch
oklch(67.5% 0.046 123.5)

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

#9F8268

Tangerine · Gray · Warm Sun

HEX
#9F8268
RGB
rgb(159, 130, 104)
HSL
hsl(28, 22%, 52%)
HSB
hsb(28, 35%, 62%)
CMYK
cmyk(0%, 18%, 35%, 38%)
Oklch
oklch(62.7% 0.052 63.5)

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

#AC6752

Crimson · Sienna · Passion Red

HEX
#AC6752
RGB
rgb(172, 103, 82)
HSL
hsl(14, 35%, 50%)
HSB
hsb(14, 52%, 67%)
CMYK
cmyk(0%, 40%, 52%, 33%)
Oklch
oklch(58.5% 0.095 37.7)

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

#BA4D3D

Crimson · Sienna · Passion Red

HEX
#BA4D3D
RGB
rgb(186, 77, 61)
HSL
hsl(8, 51%, 48%)
HSB
hsb(8, 67%, 73%)
CMYK
cmyk(0%, 59%, 67%, 27%)
Oklch
oklch(56.0% 0.145 30.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

84B693
B785A8

Analogous

8FB785
84B693
85B7AD

Triadic

84B693
9485B7
B79485

Split-Comp.

84B693
AD85B7
B7858F

Tetradic

84B693
858FB7
B785A8
B7AD85

Contrast Matrix WCAG 2.1 Contrast

84B693
919C7D
9F8268
AC6752
BA4D3D
—
1.3
Fail
1.5
Fail
1.9
Fail
2.2
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.2
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
2.3Fail
2.9Fail
3.6AA Large
4.4AA Large
5.0AA
Black BG
9.1AAA
7.3AAA
5.9AA
4.8AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A9B
969685
92926E
8E8E57
8B8A41

Deuteranopia

97939E
959486
949670
929758
919942

Tritanopia

87A2A4
928A8C
9E7374
A95B5C
B54445

Achromatopsia

A3A3A3
959595
888888
797979
6C6C6C

Shades & Tints Shades & Tints

#84B693

Dark
Light

#919C7D

Dark
Light

#9F8268

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #84b693;
  --color-2: #919c7d;
  --color-3: #9f8268;
  --color-4: #ac6752;
  --color-5: #ba4d3d;
}

SCSS

$color-1: #84b693;
$color-2: #919c7d;
$color-3: #9f8268;
$color-4: #ac6752;
$color-5: #ba4d3d;

TAILWIND

colors: {
  'brand-1': '#84b693',
  'brand-2': '#919c7d',
  'brand-3': '#9f8268',
  'brand-4': '#ac6752',
  'brand-5': '#ba4d3d',
}

RGB Array

[132, 182, 147], [145, 156, 125], [159, 130, 104], [172, 103, 82], [186, 77, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #84B693, #919C7D, #9F8268, #AC6752, #BA4D3D is ideal for: brand design, premium product pages, magazine layouts. 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: #84b693; --color-2: #919c7d; --color-3: #9f8268; --color-4: #ac6752; --color-5: #ba4d3d. 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. 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