← Back to Editor

#6DA67A · #77B885 · #86C28B · #859987 · #4A4857

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#6DA67A

Celadon · CadetBlue · Olive Green

HEX
#6DA67A
RGB
rgb(109, 166, 122)
HSL
hsl(134, 24%, 54%)
HSB
hsb(134, 34%, 65%)
CMYK
cmyk(34%, 0%, 27%, 35%)
Oklch
oklch(67.4% 0.088 150.7)

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

#77B885

Celadon · DarkSeaGreen · Olive Green

HEX
#77B885
RGB
rgb(119, 184, 133)
HSL
hsl(133, 31%, 59%)
HSB
hsb(133, 35%, 72%)
CMYK
cmyk(35%, 0%, 28%, 28%)
Oklch
oklch(72.5% 0.100 150.2)

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

#86C28B

Celadon · DarkSeaGreen · Apple Green

HEX
#86C28B
RGB
rgb(134, 194, 139)
HSL
hsl(125, 33%, 64%)
HSB
hsb(125, 31%, 76%)
CMYK
cmyk(31%, 0%, 28%, 24%)
Oklch
oklch(75.8% 0.100 146.6)

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

#859987

Celadon · Gray · Silver Sand

HEX
#859987
RGB
rgb(133, 153, 135)
HSL
hsl(126, 9%, 56%)
HSB
hsb(126, 13%, 60%)
CMYK
cmyk(13%, 0%, 12%, 40%)
Oklch
oklch(66.2% 0.035 148.0)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#4A4857

Deep Indigo · DarkSlateGray · Charcoal

HEX
#4A4857
RGB
rgb(74, 72, 87)
HSL
hsl(248, 9%, 31%)
HSB
hsb(248, 17%, 34%)
CMYK
cmyk(15%, 17%, 0%, 66%)
Oklch
oklch(40.9% 0.025 291.4)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6DA67A
A66E99

Analogous

7DA66E
6DA67A
6EA697

Triadic

6DA67A
7B6EA6
A67B6E

Split-Comp.

6DA67A
976EA6
A66E7D

Tetradic

6DA67A
6E7DA6
A66E99
A6976E

Contrast Matrix WCAG 2.1 Contrast

6DA67A
77B885
86C28B
859987
4A4857
—
1.2
Fail
1.4
Fail
1.1
Fail
3.1
AA Large
1.2
Fail
—
1.1
Fail
1.3
Fail
3.8
AA Large
1.4
Fail
1.1
Fail
—
1.5
Fail
4.3
AA Large
1.1
Fail
1.3
Fail
1.5
Fail
—
2.9
Fail
3.1
AA Large
3.8
AA Large
4.3
AA Large
2.9
Fail
—
White BG
2.8Fail
2.3Fail
2.1Fail
3.0AA Large
8.9AAA
Black BG
7.4AAA
9.0AAA
10.1AAA
6.9AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868685
939491
A0A198
8E8E8B
494953

Deuteranopia

827E87
8F8B94
9D989C
8D8B8C
494953

Tritanopia

708D8F
7A9B9D
89A3A5
868F90
4A5150

Achromatopsia

909090
9F9F9F
AAAAAA
919191
4A4A4A

Shades & Tints Shades & Tints

#6DA67A

Dark
Light

#77B885

Dark
Light

#86C28B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6da67a;
  --color-2: #77b885;
  --color-3: #86c28b;
  --color-4: #859987;
  --color-5: #4a4857;
}

SCSS

$color-1: #6da67a;
$color-2: #77b885;
$color-3: #86c28b;
$color-4: #859987;
$color-5: #4a4857;

TAILWIND

colors: {
  'brand-1': '#6da67a',
  'brand-2': '#77b885',
  'brand-3': '#86c28b',
  'brand-4': '#859987',
  'brand-5': '#4a4857',
}

RGB Array

[109, 166, 122], [119, 184, 133], [134, 194, 139], [133, 153, 135], [74, 72, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #6DA67A, #77B885, #86C28B, #859987, #4A4857 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: #6da67a; --color-2: #77b885; --color-3: #86c28b; --color-4: #859987; --color-5: #4a4857. 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