← Back to Editor

#E39568 · #8E9150 · #C2C76D · #E8ED82 · #EFF59A

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#E39568

Apricot · DarkSalmon · Warm Sun

HEX
#E39568
RGB
rgb(227, 149, 104)
HSL
hsl(22, 69%, 65%)
HSB
hsb(22, 54%, 89%)
CMYK
cmyk(0%, 34%, 54%, 11%)
Oklch
oklch(73.9% 0.112 50.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#8E9150

Autumn Sage · Gray · Honey Gold

HEX
#8E9150
RGB
rgb(142, 145, 80)
HSL
hsl(63, 29%, 44%)
HSB
hsb(63, 45%, 57%)
CMYK
cmyk(2%, 0%, 45%, 43%)
Oklch
oklch(63.9% 0.088 110.9)

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

#C2C76D

Autumn Sage · Tan · Sunflower

HEX
#C2C76D
RGB
rgb(194, 199, 109)
HSL
hsl(63, 45%, 60%)
HSB
hsb(63, 45%, 78%)
CMYK
cmyk(3%, 0%, 45%, 22%)
Oklch
oklch(80.6% 0.114 111.5)

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

#E8ED82

Fresh Green · Khaki · Sunflower

HEX
#E8ED82
RGB
rgb(232, 237, 130)
HSL
hsl(63, 75%, 72%)
HSB
hsb(63, 45%, 93%)
CMYK
cmyk(2%, 0%, 45%, 7%)
Oklch
oklch(92.0% 0.131 111.1)

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

#EFF59A

Fresh Green · Khaki · Lemon Cream

HEX
#EFF59A
RGB
rgb(239, 245, 154)
HSL
hsl(64, 82%, 78%)
HSB
hsb(64, 37%, 96%)
CMYK
cmyk(2%, 0%, 37%, 4%)
Oklch
oklch(94.6% 0.114 111.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E39568
68B6E3

Analogous

E36879
E39568
E3D368

Triadic

E39568
68E395
9568E3

Split-Comp.

E39568
68E3D3
6879E3

Tetradic

E39568
79E368
68B6E3
D368E3

Contrast Matrix WCAG 2.1 Contrast

E39568
8E9150
C2C76D
E8ED82
EFF59A
—
1.4
Fail
1.3
Fail
1.9
Fail
2.1
Fail
1.4
Fail
—
1.8
Fail
2.7
Fail
2.9
Fail
1.3
Fail
1.8
Fail
—
1.4
Fail
1.6
Fail
1.9
Fail
2.7
Fail
1.4
Fail
—
1.1
Fail
2.1
Fail
2.9
Fail
1.6
Fail
1.1
Fail
—
White BG
2.4Fail
3.3AA Large
1.8Fail
1.2Fail
1.2Fail
Black BG
8.8AAA
6.3AA
11.7AAA
16.9AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C173
8F8F60
C4C483
EAEA9C
F2F2B0

Deuteranopia

C6CC76
8F8F64
C4C388
EAE9A2
F1F1B5

Tritanopia

DF7B7D
8E6C6F
C29498
E8B0B5
EFC1C5

Achromatopsia

A7A7A7
898989
BBBBBB
DFDFDF
E9E9E9

Shades & Tints Shades & Tints

#E39568

Dark
Light

#8E9150

Dark
Light

#C2C76D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e39568;
  --color-2: #8e9150;
  --color-3: #c2c76d;
  --color-4: #e8ed82;
  --color-5: #eff59a;
}

SCSS

$color-1: #e39568;
$color-2: #8e9150;
$color-3: #c2c76d;
$color-4: #e8ed82;
$color-5: #eff59a;

TAILWIND

colors: {
  'brand-1': '#e39568',
  'brand-2': '#8e9150',
  'brand-3': '#c2c76d',
  'brand-4': '#e8ed82',
  'brand-5': '#eff59a',
}

RGB Array

[227, 149, 104], [142, 145, 80], [194, 199, 109], [232, 237, 130], [239, 245, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E39568, #8E9150, #C2C76D, #E8ED82, #EFF59A is ideal for: corporate websites, product showcases, portfolios. 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: #e39568; --color-2: #8e9150; --color-3: #c2c76d; --color-4: #e8ed82; --color-5: #eff59a. 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. 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