← Back to Editor

#8DB494 · #50423C · #BCB592 · #7F776B · #B5B78E

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

#8DB494

Celadon · DarkSeaGreen · Apple Green

HEX
#8DB494
RGB
rgb(141, 180, 148)
HSL
hsl(131, 21%, 63%)
HSB
hsb(131, 22%, 71%)
CMYK
cmyk(22%, 0%, 18%, 29%)
Oklch
oklch(73.2% 0.062 150.0)

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

#50423C

Tangerine · DarkSlateGray · Amber Brown

HEX
#50423C
RGB
rgb(80, 66, 60)
HSL
hsl(18, 14%, 27%)
HSB
hsb(18, 25%, 31%)
CMYK
cmyk(0%, 18%, 25%, 69%)
Oklch
oklch(39.2% 0.022 44.5)

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

#BCB592

Fresh Green · Tan · Sunflower

HEX
#BCB592
RGB
rgb(188, 181, 146)
HSL
hsl(50, 24%, 65%)
HSB
hsb(50, 22%, 74%)
CMYK
cmyk(0%, 4%, 22%, 26%)
Oklch
oklch(77.0% 0.048 98.0)

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

#7F776B

Ochre · Gray · Warm Gray

HEX
#7F776B
RGB
rgb(127, 119, 107)
HSL
hsl(36, 9%, 46%)
HSB
hsb(36, 16%, 50%)
CMYK
cmyk(0%, 6%, 16%, 50%)
Oklch
oklch(57.3% 0.020 78.1)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

#B5B78E

Fresh Green · Tan · Sunflower

HEX
#B5B78E
RGB
rgb(181, 183, 142)
HSL
hsl(63, 22%, 64%)
HSB
hsb(63, 22%, 72%)
CMYK
cmyk(1%, 0%, 22%, 28%)
Oklch
oklch(76.7% 0.056 110.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8DB494
B48DAD

Analogous

99B48D
8DB494
8DB4A8

Triadic

8DB494
948DB4
B4948D

Split-Comp.

8DB494
A88DB4
B48D99

Tetradic

8DB494
8D99B4
B48DAD
B4A88D

Contrast Matrix WCAG 2.1 Contrast

8DB494
50423C
BCB592
7F776B
B5B78E
—
4.2
AA Large
1.1
Fail
1.9
Fail
1.1
Fail
4.2
AA Large
—
4.6
AA
2.2
Fail
4.6
AA
1.1
Fail
4.6
AA
—
2.1
Fail
1.0
Fail
1.9
Fail
2.2
Fail
2.1
Fail
—
2.1
Fail
1.1
Fail
4.6
AA
1.0
Fail
2.1
Fail
—
White BG
2.3Fail
9.6AAA
2.1Fail
4.4AA Large
2.1Fail
Black BG
9.1AAA
2.2Fail
10.2AAA
4.8AA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E9C
4A4A3D
B9B99A
7C7B6E
B6B698

Deuteranopia

9C999E
4B4C3E
B9BA9D
7C7D6F
B6B69A

Tritanopia

8FA2A3
4F3F3F
BCA1A3
7F7071
B5A0A1

Achromatopsia

A5A5A5
464646
B3B3B3
787878
B2B2B2

Shades & Tints Shades & Tints

#8DB494

Dark
Light

#50423C

Dark
Light

#BCB592

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8db494;
  --color-2: #50423c;
  --color-3: #bcb592;
  --color-4: #7f776b;
  --color-5: #b5b78e;
}

SCSS

$color-1: #8db494;
$color-2: #50423c;
$color-3: #bcb592;
$color-4: #7f776b;
$color-5: #b5b78e;

TAILWIND

colors: {
  'brand-1': '#8db494',
  'brand-2': '#50423c',
  'brand-3': '#bcb592',
  'brand-4': '#7f776b',
  'brand-5': '#b5b78e',
}

RGB Array

[141, 180, 148], [80, 66, 60], [188, 181, 146], [127, 119, 107], [181, 183, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #8DB494, #50423C, #BCB592, #7F776B, #B5B78E 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: #8db494; --color-2: #50423c; --color-3: #bcb592; --color-4: #7f776b; --color-5: #b5b78e. 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