← Back to Editor

#EAE1A9 · #F2CA5F · #ED8754 · #FD4F4F · #95724B

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

#EAE1A9

Fresh Green · Wheat · Lemon Cream

HEX
#EAE1A9
RGB
rgb(234, 225, 169)
HSL
hsl(52, 61%, 79%)
HSB
hsb(52, 28%, 92%)
CMYK
cmyk(0%, 4%, 28%, 8%)
Oklch
oklch(90.3% 0.073 100.0)

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

#F2CA5F

Ginger · SandyBrown · Sunflower

HEX
#F2CA5F
RGB
rgb(242, 202, 95)
HSL
hsl(44, 85%, 66%)
HSB
hsb(44, 61%, 95%)
CMYK
cmyk(0%, 17%, 61%, 5%)
Oklch
oklch(85.3% 0.133 88.8)

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

#ED8754

Apricot · Coral · Warm Sun

HEX
#ED8754
RGB
rgb(237, 135, 84)
HSL
hsl(20, 81%, 63%)
HSB
hsb(20, 65%, 93%)
CMYK
cmyk(0%, 43%, 65%, 7%)
Oklch
oklch(72.4% 0.141 46.2)

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

#FD4F4F

Peach Pink · Tomato · Coral Red

HEX
#FD4F4F
RGB
rgb(253, 79, 79)
HSL
hsl(0, 98%, 65%)
HSB
hsb(0, 69%, 99%)
CMYK
cmyk(0%, 69%, 69%, 1%)
Oklch
oklch(67.2% 0.211 24.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#95724B

Ochre · Sienna · Amber Brown

HEX
#95724B
RGB
rgb(149, 114, 75)
HSL
hsl(32, 33%, 44%)
HSB
hsb(32, 50%, 58%)
CMYK
cmyk(0%, 23%, 50%, 42%)
Oklch
oklch(57.7% 0.070 68.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE1A9
A9B1EA

Analogous

EAC1A9
EAE1A9
D2EAA9

Triadic

EAE1A9
A9EAE1
E1A9EA

Split-Comp.

EAE1A9
A9D2EA
C1A9EA

Tetradic

EAE1A9
A9EAC1
A9B1EA
EAA9D2

Contrast Matrix WCAG 2.1 Contrast

EAE1A9
F2CA5F
ED8754
FD4F4F
95724B
—
1.2
Fail
1.9
Fail
2.5
Fail
3.3
AA Large
1.2
Fail
—
1.6
Fail
2.1
Fail
2.8
Fail
1.9
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
2.1
Fail
1.3
Fail
—
1.3
Fail
3.3
AA Large
2.8
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.6Fail
2.6Fail
3.3AA Large
4.4AA Large
Black BG
15.8AAA
13.4AAA
8.2AAA
6.4AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6B7
E1E079
C1C060
B2B04F
868654

Deuteranopia

E7E7BA
E3E67F
C7CE63
BCC94F
888B57

Tritanopia

EAC1C4
F08D92
E86A6C
F44F4F
935C5E

Achromatopsia

DDDDDD
CACACA
A0A0A0
838383
787878

Shades & Tints Shades & Tints

#EAE1A9

Dark
Light

#F2CA5F

Dark
Light

#ED8754

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae1a9;
  --color-2: #f2ca5f;
  --color-3: #ed8754;
  --color-4: #fd4f4f;
  --color-5: #95724b;
}

SCSS

$color-1: #eae1a9;
$color-2: #f2ca5f;
$color-3: #ed8754;
$color-4: #fd4f4f;
$color-5: #95724b;

TAILWIND

colors: {
  'brand-1': '#eae1a9',
  'brand-2': '#f2ca5f',
  'brand-3': '#ed8754',
  'brand-4': '#fd4f4f',
  'brand-5': '#95724b',
}

RGB Array

[234, 225, 169], [242, 202, 95], [237, 135, 84], [253, 79, 79], [149, 114, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EAE1A9, #F2CA5F, #ED8754, #FD4F4F, #95724B 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: #eae1a9; --color-2: #f2ca5f; --color-3: #ed8754; --color-4: #fd4f4f; --color-5: #95724b. 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