← Back to Editor

#4D4732 · #756F35 · #E5D7B3 · #88A997 · #627973

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

#4D4732

Ochre · DarkOliveGreen · Amber Gold

HEX
#4D4732
RGB
rgb(77, 71, 50)
HSL
hsl(47, 21%, 25%)
HSB
hsb(47, 35%, 30%)
CMYK
cmyk(0%, 8%, 35%, 70%)
Oklch
oklch(39.8% 0.034 94.1)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#756F35

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#756F35
RGB
rgb(117, 111, 53)
HSL
hsl(54, 38%, 33%)
HSB
hsb(54, 55%, 46%)
CMYK
cmyk(0%, 5%, 55%, 54%)
Oklch
oklch(53.4% 0.079 103.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E5D7B3

Goose Yellow · Wheat · Lemon Cream

HEX
#E5D7B3
RGB
rgb(229, 215, 179)
HSL
hsl(43, 49%, 80%)
HSB
hsb(43, 22%, 90%)
CMYK
cmyk(0%, 6%, 22%, 10%)
Oklch
oklch(88.1% 0.050 89.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#88A997

Celadon · DarkSeaGreen · Olive Green

HEX
#88A997
RGB
rgb(136, 169, 151)
HSL
hsl(147, 16%, 60%)
HSB
hsb(147, 20%, 66%)
CMYK
cmyk(20%, 0%, 11%, 34%)
Oklch
oklch(70.5% 0.045 161.2)

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

#627973

Mineral Blue · DimGray · Mint Ice

HEX
#627973
RGB
rgb(98, 121, 115)
HSL
hsl(164, 11%, 43%)
HSB
hsb(164, 19%, 47%)
CMYK
cmyk(19%, 0%, 5%, 53%)
Oklch
oklch(55.6% 0.028 177.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D4732
32384D

Analogous

4D3A32
4D4732
464D32

Triadic

4D4732
324D47
47324D

Split-Comp.

4D4732
32464D
3A324D

Tetradic

4D4732
324D3A
32384D
4D3246

Contrast Matrix WCAG 2.1 Contrast

4D4732
756F35
E5D7B3
88A997
627973
—
1.8
Fail
6.5
AA
3.6
AA Large
2.0
Fail
1.8
Fail
—
3.6
AA Large
2.0
Fail
1.1
Fail
6.5
AA
3.6
AA Large
—
1.8
Fail
3.3
AA Large
3.6
AA Large
2.0
Fail
1.8
Fail
—
1.8
Fail
2.0
Fail
1.1
Fail
3.3
AA Large
1.8
Fail
—
White BG
9.3AAA
5.1AA
1.4Fail
2.6Fail
4.7AA
Black BG
2.3Fail
4.1AA Large
14.7AAA
8.2AAA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A37
727243
DFDFBC
96979B
6C6C74

Deuteranopia

4B4B38
737346
E0E1BE
94929C
6B6975

Tritanopia

4D3B3C
754E51
E4C3C4
8A9FA0
637676

Achromatopsia

464646
6A6A6A
D7D7D7
9D9D9D
717171

Shades & Tints Shades & Tints

#4D4732

Dark
Light

#756F35

Dark
Light

#E5D7B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d4732;
  --color-2: #756f35;
  --color-3: #e5d7b3;
  --color-4: #88a997;
  --color-5: #627973;
}

SCSS

$color-1: #4d4732;
$color-2: #756f35;
$color-3: #e5d7b3;
$color-4: #88a997;
$color-5: #627973;

TAILWIND

colors: {
  'brand-1': '#4d4732',
  'brand-2': '#756f35',
  'brand-3': '#e5d7b3',
  'brand-4': '#88a997',
  'brand-5': '#627973',
}

RGB Array

[77, 71, 50], [117, 111, 53], [229, 215, 179], [136, 169, 151], [98, 121, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #4D4732, #756F35, #E5D7B3, #88A997, #627973 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: #4d4732; --color-2: #756f35; --color-3: #e5d7b3; --color-4: #88a997; --color-5: #627973. 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