← Back to Editor

#62B997 · #E8E7A4 · #D4CC43 · #FB752C · #534334

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

#62B997

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#62B997
RGB
rgb(98, 185, 151)
HSL
hsl(157, 38%, 55%)
HSB
hsb(157, 47%, 73%)
CMYK
cmyk(47%, 0%, 18%, 27%)
Oklch
oklch(72.2% 0.099 166.2)

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

#E8E7A4

Fresh Green · Wheat · Lemon Cream

HEX
#E8E7A4
RGB
rgb(232, 231, 164)
HSL
hsl(59, 60%, 78%)
HSB
hsb(59, 29%, 91%)
CMYK
cmyk(0%, 0%, 29%, 9%)
Oklch
oklch(91.3% 0.086 107.3)

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

#D4CC43

Autumn Sage · GoldenRod · Sunflower

HEX
#D4CC43
RGB
rgb(212, 204, 67)
HSL
hsl(57, 63%, 55%)
HSB
hsb(57, 68%, 83%)
CMYK
cmyk(0%, 4%, 68%, 17%)
Oklch
oklch(82.8% 0.153 106.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FB752C

Tangerine · Tomato · Warm Sun

HEX
#FB752C
RGB
rgb(251, 117, 44)
HSL
hsl(21, 96%, 58%)
HSB
hsb(21, 82%, 98%)
CMYK
cmyk(0%, 53%, 82%, 2%)
Oklch
oklch(71.2% 0.183 45.2)

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

#534334

Tangerine · DarkOliveGreen · Amber Brown

HEX
#534334
RGB
rgb(83, 67, 52)
HSL
hsl(29, 23%, 26%)
HSB
hsb(29, 37%, 33%)
CMYK
cmyk(0%, 19%, 37%, 67%)
Oklch
oklch(39.5% 0.033 64.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

62B997
B86182

Analogous

61B86B
62B997
61AEB8

Triadic

62B997
9661B8
B89661

Split-Comp.

62B997
B861AE
B86B61

Tetradic

62B997
6B61B8
B86182
AEB861

Contrast Matrix WCAG 2.1 Contrast

62B997
E8E7A4
D4CC43
FB752C
534334
—
1.8
Fail
1.4
Fail
1.2
Fail
4.0
AA Large
1.8
Fail
—
1.3
Fail
2.1
Fail
7.4
AAA
1.4
Fail
1.3
Fail
—
1.6
Fail
5.6
AA
1.2
Fail
2.1
Fail
1.6
Fail
—
3.5
AA Large
4.0
AA Large
7.4
AAA
5.6
AA
3.5
AA Large
—
White BG
2.4Fail
1.3Fail
1.7Fail
2.7Fail
9.5AAA
Black BG
8.9AAA
16.4AAA
12.5AAA
7.7AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

88889F
E8E8B4
D1D064
C1C03E
4C4C38

Deuteranopia

837CA1
E8E8B8
D1D26C
C9D342
4D4E39

Tritanopia

66A6A7
E8C1C4
D47E84
F44C4F
523A3B

Achromatopsia

9B9B9B
E0E0E0
BFBFBF
959595
464646

Shades & Tints Shades & Tints

#62B997

Dark
Light

#E8E7A4

Dark
Light

#D4CC43

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #62b997;
  --color-2: #e8e7a4;
  --color-3: #d4cc43;
  --color-4: #fb752c;
  --color-5: #534334;
}

SCSS

$color-1: #62b997;
$color-2: #e8e7a4;
$color-3: #d4cc43;
$color-4: #fb752c;
$color-5: #534334;

TAILWIND

colors: {
  'brand-1': '#62b997',
  'brand-2': '#e8e7a4',
  'brand-3': '#d4cc43',
  'brand-4': '#fb752c',
  'brand-5': '#534334',
}

RGB Array

[98, 185, 151], [232, 231, 164], [212, 204, 67], [251, 117, 44], [83, 67, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #62B997, #E8E7A4, #D4CC43, #FB752C, #534334 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: #62b997; --color-2: #e8e7a4; --color-3: #d4cc43; --color-4: #fb752c; --color-5: #534334. 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