← Back to Editor

#EDF5C2 · #3EB898 · #6C462C · #FCF9D6 · #E3CD41

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

#EDF5C2

Fresh Green · Bisque · Lemon Cream

HEX
#EDF5C2
RGB
rgb(237, 245, 194)
HSL
hsl(69, 72%, 86%)
HSB
hsb(69, 21%, 96%)
CMYK
cmyk(3%, 0%, 21%, 4%)
Oklch
oklch(95.1% 0.067 114.9)

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

#3EB898

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3EB898
RGB
rgb(62, 184, 152)
HSL
hsl(164, 50%, 48%)
HSB
hsb(164, 66%, 72%)
CMYK
cmyk(66%, 0%, 17%, 28%)
Oklch
oklch(70.7% 0.117 171.9)

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

#6C462C

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6C462C
RGB
rgb(108, 70, 44)
HSL
hsl(24, 42%, 30%)
HSB
hsb(24, 59%, 42%)
CMYK
cmyk(0%, 35%, 59%, 58%)
Oklch
oklch(43.1% 0.065 54.5)

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

#FCF9D6

Fresh Green · Beige · Lemon Cream

HEX
#FCF9D6
RGB
rgb(252, 249, 214)
HSL
hsl(55, 86%, 91%)
HSB
hsb(55, 15%, 99%)
CMYK
cmyk(0%, 1%, 15%, 1%)
Oklch
oklch(97.5% 0.046 103.2)

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

#E3CD41

Autumn Sage · GoldenRod · Sunflower

HEX
#E3CD41
RGB
rgb(227, 205, 65)
HSL
hsl(52, 74%, 57%)
HSB
hsb(52, 71%, 89%)
CMYK
cmyk(0%, 10%, 71%, 11%)
Oklch
oklch(84.3% 0.154 100.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF5C2
C9C2F5

Analogous

F5E3C2
EDF5C2
D4F5C2

Triadic

EDF5C2
C2EDF5
F5C2ED

Split-Comp.

EDF5C2
C2D4F5
E3C2F5

Tetradic

EDF5C2
C2F5E3
C9C2F5
F5C2D4

Contrast Matrix WCAG 2.1 Contrast

EDF5C2
3EB898
6C462C
FCF9D6
E3CD41
—
2.2
Fail
7.2
AAA
1.1
Fail
1.4
Fail
2.2
Fail
—
3.3
AA Large
2.3
Fail
1.5
Fail
7.2
AAA
3.3
AA Large
—
7.7
AAA
5.1
AA
1.1
Fail
2.3
Fail
7.7
AAA
—
1.5
Fail
1.4
Fail
1.5
Fail
5.1
AA
1.5
Fail
—
White BG
1.1Fail
2.5Fail
8.2AAA
1.1Fail
1.6Fail
Black BG
18.4AAA
8.5AAA
2.6Fail
19.7AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F1CE
7374A0
5C5B32
FBFBDE
D9D963

Deuteranopia

F0EFD1
6C63A2
5E6134
FBFBE1
DBDC6B

Tritanopia

EDD8DA
44A6A7
6A3738
FCE5E7
E27E84

Achromatopsia

EDEDED
909090
4E4E4E
F6F6F6
C4C4C4

Shades & Tints Shades & Tints

#EDF5C2

Dark
Light

#3EB898

Dark
Light

#6C462C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf5c2;
  --color-2: #3eb898;
  --color-3: #6c462c;
  --color-4: #fcf9d6;
  --color-5: #e3cd41;
}

SCSS

$color-1: #edf5c2;
$color-2: #3eb898;
$color-3: #6c462c;
$color-4: #fcf9d6;
$color-5: #e3cd41;

TAILWIND

colors: {
  'brand-1': '#edf5c2',
  'brand-2': '#3eb898',
  'brand-3': '#6c462c',
  'brand-4': '#fcf9d6',
  'brand-5': '#e3cd41',
}

RGB Array

[237, 245, 194], [62, 184, 152], [108, 70, 44], [252, 249, 214], [227, 205, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EDF5C2, #3EB898, #6C462C, #FCF9D6, #E3CD41 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #edf5c2; --color-2: #3eb898; --color-3: #6c462c; --color-4: #fcf9d6; --color-5: #e3cd41. 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 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