← Back to Editor

#4EFC9F · #C3DE55 · #D4B65B · #E38764 · #7B6064

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

#4EFC9F

Emerald · MediumAquaMarine · Apple Green

HEX
#4EFC9F
RGB
rgb(78, 252, 159)
HSL
hsl(148, 97%, 65%)
HSB
hsb(148, 69%, 99%)
CMYK
cmyk(69%, 0%, 37%, 1%)
Oklch
oklch(88.1% 0.191 155.2)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#C3DE55

Grass Green · GreenYellow · Olive Green

HEX
#C3DE55
RGB
rgb(195, 222, 85)
HSL
hsl(72, 67%, 60%)
HSB
hsb(72, 62%, 87%)
CMYK
cmyk(12%, 0%, 62%, 13%)
Oklch
oklch(85.5% 0.164 119.5)

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

#D4B65B

Ginger · SandyBrown · Sunflower

HEX
#D4B65B
RGB
rgb(212, 182, 91)
HSL
hsl(45, 58%, 59%)
HSB
hsb(45, 57%, 83%)
CMYK
cmyk(0%, 14%, 57%, 17%)
Oklch
oklch(78.4% 0.116 91.3)

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

#E38764

Apricot · DarkSalmon · Warm Sun

HEX
#E38764
RGB
rgb(227, 135, 100)
HSL
hsl(17, 69%, 64%)
HSB
hsb(17, 56%, 89%)
CMYK
cmyk(0%, 41%, 56%, 11%)
Oklch
oklch(71.4% 0.123 41.4)

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

#7B6064

Crimson · DimGray · Passion Red

HEX
#7B6064
RGB
rgb(123, 96, 100)
HSL
hsl(351, 12%, 43%)
HSB
hsb(351, 22%, 48%)
CMYK
cmyk(0%, 22%, 19%, 52%)
Oklch
oklch(51.7% 0.036 8.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4EFC9F
FC4FAC

Analogous

55FC4F
4EFC9F
4FFCF7

Triadic

4EFC9F
A04FFC
FCA04F

Split-Comp.

4EFC9F
F74FFC
FC4F55

Tetradic

4EFC9F
4F55FC
FC4FAC
FCF74F

Contrast Matrix WCAG 2.1 Contrast

4EFC9F
C3DE55
D4B65B
E38764
7B6064
—
1.1
Fail
1.5
Fail
2.0
Fail
4.3
AA Large
1.1
Fail
—
1.3
Fail
1.8
Fail
3.8
AA Large
1.5
Fail
1.3
Fail
—
1.3
Fail
2.9
Fail
2.0
Fail
1.8
Fail
1.3
Fail
—
2.1
Fail
4.3
AA Large
3.8
AA Large
2.9
Fail
2.1
Fail
—
White BG
1.3Fail
1.5Fail
2.0Fail
2.7Fail
5.7AA
Black BG
15.7AAA
13.9AAA
10.6AAA
7.9AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

999BB6
CFCF76
C7C771
BBBA6C
6F6F63

Deuteranopia

8F82BB
CDCB7E
C9CB76
C1C76F
717363

Tritanopia

57C7CB
C49096
D28286
DE7375
7A6262

Achromatopsia

BDBDBD
C6C6C6
B5B5B5
9F9F9F
696969

Shades & Tints Shades & Tints

#4EFC9F

Dark
Light

#C3DE55

Dark
Light

#D4B65B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4efc9f;
  --color-2: #c3de55;
  --color-3: #d4b65b;
  --color-4: #e38764;
  --color-5: #7b6064;
}

SCSS

$color-1: #4efc9f;
$color-2: #c3de55;
$color-3: #d4b65b;
$color-4: #e38764;
$color-5: #7b6064;

TAILWIND

colors: {
  'brand-1': '#4efc9f',
  'brand-2': '#c3de55',
  'brand-3': '#d4b65b',
  'brand-4': '#e38764',
  'brand-5': '#7b6064',
}

RGB Array

[78, 252, 159], [195, 222, 85], [212, 182, 91], [227, 135, 100], [123, 96, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #4EFC9F, #C3DE55, #D4B65B, #E38764, #7B6064 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4efc9f; --color-2: #c3de55; --color-3: #d4b65b; --color-4: #e38764; --color-5: #7b6064. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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