← Back to Editor

#EDB680 · #929781 · #788D86 · #444247 · #AD9565

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

#EDB680

Goose Yellow · BurlyWood · Warm Sun

HEX
#EDB680
RGB
rgb(237, 182, 128)
HSL
hsl(30, 75%, 72%)
HSB
hsb(30, 46%, 93%)
CMYK
cmyk(0%, 23%, 46%, 7%)
Oklch
oklch(81.4% 0.095 65.3)

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

#929781

Grass Green · Gray · Olive Green

HEX
#929781
RGB
rgb(146, 151, 129)
HSL
hsl(74, 10%, 55%)
HSB
hsb(74, 15%, 59%)
CMYK
cmyk(3%, 0%, 15%, 41%)
Oklch
oklch(66.6% 0.032 117.7)

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

#788D86

Mineral Blue · Gray · Warm Gray

HEX
#788D86
RGB
rgb(120, 141, 134)
HSL
hsl(160, 8%, 51%)
HSB
hsb(160, 15%, 55%)
CMYK
cmyk(15%, 0%, 5%, 45%)
Oklch
oklch(62.5% 0.026 173.3)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#444247

Dark Cyan · DarkSlateGray · Charcoal

HEX
#444247
RGB
rgb(68, 66, 71)
HSL
hsl(264, 4%, 27%)
HSB
hsb(264, 7%, 28%)
CMYK
cmyk(4%, 7%, 0%, 72%)
Oklch
oklch(38.3% 0.009 304.0)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#AD9565

Ginger · Gray · Sunflower

HEX
#AD9565
RGB
rgb(173, 149, 101)
HSL
hsl(40, 31%, 54%)
HSB
hsb(40, 42%, 68%)
CMYK
cmyk(0%, 14%, 42%, 32%)
Oklch
oklch(68.0% 0.071 84.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDB680
82B8ED

Analogous

ED8282
EDB680
EDED82

Triadic

EDB680
82EDB8
B882ED

Split-Comp.

EDB680
82EDED
8282ED

Tetradic

EDB680
82ED82
82B8ED
ED82ED

Contrast Matrix WCAG 2.1 Contrast

EDB680
929781
788D86
444247
AD9565
—
1.7
Fail
1.9
Fail
5.5
AA
1.6
Fail
1.7
Fail
—
1.2
Fail
3.3
AA Large
1.0
Fail
1.9
Fail
1.2
Fail
—
2.8
Fail
1.2
Fail
5.5
AA
3.3
AA Large
2.8
Fail
—
3.4
AA Large
1.6
Fail
1.0
Fail
1.2
Fail
3.4
AA Large
—
White BG
1.8Fail
3.0AA Large
3.5AA Large
9.9AAA
2.9Fail
Black BG
11.6AAA
7.0AA
6.0AA
2.1Fail
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D58D
949486
818188
434346
A3A271

Deuteranopia

D8DC90
949488
807E88
434346
A4A673

Tritanopia

EA979A
928B8B
798989
444545
AC7A7C

Achromatopsia

C0C0C0
939393
868686
434343
979797

Shades & Tints Shades & Tints

#EDB680

Dark
Light

#929781

Dark
Light

#788D86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edb680;
  --color-2: #929781;
  --color-3: #788d86;
  --color-4: #444247;
  --color-5: #ad9565;
}

SCSS

$color-1: #edb680;
$color-2: #929781;
$color-3: #788d86;
$color-4: #444247;
$color-5: #ad9565;

TAILWIND

colors: {
  'brand-1': '#edb680',
  'brand-2': '#929781',
  'brand-3': '#788d86',
  'brand-4': '#444247',
  'brand-5': '#ad9565',
}

RGB Array

[237, 182, 128], [146, 151, 129], [120, 141, 134], [68, 66, 71], [173, 149, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EDB680, #929781, #788D86, #444247, #AD9565 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #edb680; --color-2: #929781; --color-3: #788d86; --color-4: #444247; --color-5: #ad9565. 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. 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