← Back to Editor

#EBEAAE · #EEC852 · #77A57F · #3A8075 · #512E4C

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

#EBEAAE

Fresh Green · Wheat · Lemon Cream

HEX
#EBEAAE
RGB
rgb(235, 234, 174)
HSL
hsl(59, 60%, 80%)
HSB
hsb(59, 26%, 92%)
CMYK
cmyk(0%, 0%, 26%, 8%)
Oklch
oklch(92.3% 0.077 107.0)

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

#EEC852

Ginger · SandyBrown · Sunflower

HEX
#EEC852
RGB
rgb(238, 200, 82)
HSL
hsl(45, 82%, 63%)
HSB
hsb(45, 66%, 93%)
CMYK
cmyk(0%, 16%, 66%, 7%)
Oklch
oklch(84.4% 0.141 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#77A57F

Celadon · DarkSeaGreen · Olive Green

HEX
#77A57F
RGB
rgb(119, 165, 127)
HSL
hsl(130, 20%, 56%)
HSB
hsb(130, 28%, 65%)
CMYK
cmyk(28%, 0%, 23%, 35%)
Oklch
oklch(67.8% 0.075 149.4)

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

#3A8075

Mineral Blue · SeaGreen · Mint Ice

HEX
#3A8075
RGB
rgb(58, 128, 117)
HSL
hsl(171, 38%, 36%)
HSB
hsb(171, 55%, 50%)
CMYK
cmyk(55%, 0%, 9%, 50%)
Oklch
oklch(55.2% 0.073 181.8)

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

#512E4C

Rose Purple · DarkSlateGray · Eggplant

HEX
#512E4C
RGB
rgb(81, 46, 76)
HSL
hsl(309, 28%, 25%)
HSB
hsb(309, 43%, 32%)
CMYK
cmyk(0%, 43%, 6%, 68%)
Oklch
oklch(35.7% 0.068 332.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBEAAE
ADAEEB

Analogous

EBCBAD
EBEAAE
CDEBAD

Triadic

EBEAAE
ADEBEA
EAADEB

Split-Comp.

EBEAAE
ADCDEB
CBADEB

Tetradic

EBEAAE
ADEBCB
ADAEEB
EBADCD

Contrast Matrix WCAG 2.1 Contrast

EBEAAE
EEC852
77A57F
3A8075
512E4C
—
1.3
Fail
2.3
Fail
3.7
AA Large
9.2
AAA
1.3
Fail
—
1.7
Fail
2.9
Fail
7.1
AAA
2.3
Fail
1.7
Fail
—
1.7
Fail
4.1
AA Large
3.7
AA Large
2.9
Fail
1.7
Fail
—
2.5
Fail
9.2
AAA
7.1
AAA
4.1
AA Large
2.5
Fail
—
White BG
1.2Fail
1.6Fail
2.8Fail
4.6AA
11.4AAA
Black BG
16.9AAA
13.0AAA
7.5AAA
4.5AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBBD
DEDD6F
8B8B88
585978
424245

Deuteranopia

EBEBC0
E0E375
88858A
544F78
444743

Tritanopia

EBC8CB
EC858A
798F91
3D7A7A
4F3F3E

Achromatopsia

E3E3E3
C6C6C6
939393
6A6A6A
3C3C3C

Shades & Tints Shades & Tints

#EBEAAE

Dark
Light

#EEC852

Dark
Light

#77A57F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebeaae;
  --color-2: #eec852;
  --color-3: #77a57f;
  --color-4: #3a8075;
  --color-5: #512e4c;
}

SCSS

$color-1: #ebeaae;
$color-2: #eec852;
$color-3: #77a57f;
$color-4: #3a8075;
$color-5: #512e4c;

TAILWIND

colors: {
  'brand-1': '#ebeaae',
  'brand-2': '#eec852',
  'brand-3': '#77a57f',
  'brand-4': '#3a8075',
  'brand-5': '#512e4c',
}

RGB Array

[235, 234, 174], [238, 200, 82], [119, 165, 127], [58, 128, 117], [81, 46, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EBEAAE, #EEC852, #77A57F, #3A8075, #512E4C 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: #ebeaae; --color-2: #eec852; --color-3: #77a57f; --color-4: #3a8075; --color-5: #512e4c. 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