← Back to Editor

#EEE8AE · #F1B344 · #F37127 · #9A612B · #2A1410

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 MenuPosterData Visualization

Color Details Color Details

#EEE8AE

Fresh Green · Wheat · Lemon Cream

HEX
#EEE8AE
RGB
rgb(238, 232, 174)
HSL
hsl(54, 65%, 81%)
HSB
hsb(54, 27%, 93%)
CMYK
cmyk(0%, 3%, 27%, 7%)
Oklch
oklch(92.2% 0.075 102.8)

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

#F1B344

Ginger · SandyBrown · Warm Sun

HEX
#F1B344
RGB
rgb(241, 179, 68)
HSL
hsl(38, 86%, 61%)
HSB
hsb(38, 72%, 95%)
CMYK
cmyk(0%, 26%, 72%, 5%)
Oklch
oklch(80.5% 0.143 78.4)

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

#F37127

Tangerine · Chocolate · Warm Sun

HEX
#F37127
RGB
rgb(243, 113, 39)
HSL
hsl(22, 89%, 55%)
HSB
hsb(22, 84%, 95%)
CMYK
cmyk(0%, 53%, 84%, 5%)
Oklch
oklch(69.4% 0.179 45.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#9A612B

Tangerine · Sienna · Amber Brown

HEX
#9A612B
RGB
rgb(154, 97, 43)
HSL
hsl(29, 56%, 39%)
HSB
hsb(29, 72%, 60%)
CMYK
cmyk(0%, 37%, 72%, 40%)
Oklch
oklch(54.5% 0.101 61.2)

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

#2A1410

Crimson · Black · Deep Berry

HEX
#2A1410
RGB
rgb(42, 20, 16)
HSL
hsl(9, 45%, 11%)
HSB
hsb(9, 62%, 16%)
CMYK
cmyk(0%, 52%, 62%, 84%)
Oklch
oklch(22.2% 0.037 31.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE8AE
AFB5EE

Analogous

EEC8AF
EEE8AE
D5EEAF

Triadic

EEE8AE
AFEEE8
E8AFEE

Split-Comp.

EEE8AE
AFD5EE
C8AFEE

Tetradic

EEE8AE
AFEEC8
AFB5EE
EEAFD5

Contrast Matrix WCAG 2.1 Contrast

EEE8AE
F1B344
F37127
9A612B
2A1410
—
1.5
Fail
2.3
Fail
4.1
AA Large
13.9
AAA
1.5
Fail
—
1.6
Fail
2.7
Fail
9.3
AAA
2.3
Fail
1.6
Fail
—
1.7
Fail
6.0
AA
4.1
AA Large
2.7
Fail
1.7
Fail
—
3.4
AA Large
13.9
AAA
9.3
AAA
6.0
AA
3.4
AA Large
—
White BG
1.3Fail
1.9Fail
2.9Fail
5.1AA
17.4AAA
Black BG
16.8AAA
11.3AAA
7.2AAA
4.1AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBBC
D6D65F
BBBA39
818138
202011

Deuteranopia

ECECBF
DADE65
C2CC3D
85893B
222311

Tritanopia

EEC7CA
EE7479
ED474A
974245
291212

Achromatopsia

E3E3E3
B9B9B9
8F8F8F
6C6C6C
1A1A1A

Shades & Tints Shades & Tints

#EEE8AE

Dark
Light

#F1B344

Dark
Light

#F37127

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee8ae;
  --color-2: #f1b344;
  --color-3: #f37127;
  --color-4: #9a612b;
  --color-5: #2a1410;
}

SCSS

$color-1: #eee8ae;
$color-2: #f1b344;
$color-3: #f37127;
$color-4: #9a612b;
$color-5: #2a1410;

TAILWIND

colors: {
  'brand-1': '#eee8ae',
  'brand-2': '#f1b344',
  'brand-3': '#f37127',
  'brand-4': '#9a612b',
  'brand-5': '#2a1410',
}

RGB Array

[238, 232, 174], [241, 179, 68], [243, 113, 39], [154, 97, 43], [42, 20, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EEE8AE, #F1B344, #F37127, #9A612B, #2A1410 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: #eee8ae; --color-2: #f1b344; --color-3: #f37127; --color-4: #9a612b; --color-5: #2a1410. 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