← Back to Editor

#4B2E0E · #EE794D · #EFCA79 · #F6F4CD · #AFB972

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

#4B2E0E

Ochre · DarkOliveGreen · Cinnamon

HEX
#4B2E0E
RGB
rgb(75, 46, 14)
HSL
hsl(31, 69%, 17%)
HSB
hsb(31, 81%, 29%)
CMYK
cmyk(0%, 39%, 81%, 71%)
Oklch
oklch(33.0% 0.062 65.0)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#EE794D

Apricot · Coral · Warm Sun

HEX
#EE794D
RGB
rgb(238, 121, 77)
HSL
hsl(16, 83%, 62%)
HSB
hsb(16, 68%, 93%)
CMYK
cmyk(0%, 49%, 68%, 7%)
Oklch
oklch(70.2% 0.156 40.7)

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

#EFCA79

Goose Yellow · BurlyWood · Sunflower

HEX
#EFCA79
RGB
rgb(239, 202, 121)
HSL
hsl(41, 79%, 71%)
HSB
hsb(41, 49%, 94%)
CMYK
cmyk(0%, 15%, 49%, 6%)
Oklch
oklch(85.4% 0.108 85.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#F6F4CD

Fresh Green · Beige · Lemon Cream

HEX
#F6F4CD
RGB
rgb(246, 244, 205)
HSL
hsl(57, 69%, 88%)
HSB
hsb(57, 17%, 96%)
CMYK
cmyk(0%, 1%, 17%, 4%)
Oklch
oklch(95.9% 0.051 104.9)

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

#AFB972

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#AFB972
RGB
rgb(175, 185, 114)
HSL
hsl(68, 34%, 59%)
HSB
hsb(68, 38%, 73%)
CMYK
cmyk(5%, 0%, 38%, 27%)
Oklch
oklch(76.1% 0.094 115.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B2E0E
0D2A49

Analogous

490E0D
4B2E0E
48490D

Triadic

4B2E0E
0D492C
2C0D49

Split-Comp.

4B2E0E
0D4849
0E0D49

Tetradic

4B2E0E
0D490E
0D2A49
490D48

Contrast Matrix WCAG 2.1 Contrast

4B2E0E
EE794D
EFCA79
F6F4CD
AFB972
—
4.4
AA Large
7.9
AAA
11.0
AAA
5.9
AA
4.4
AA Large
—
1.8
Fail
2.5
Fail
1.3
Fail
7.9
AAA
1.8
Fail
—
1.4
Fail
1.3
Fail
11.0
AAA
2.5
Fail
1.4
Fail
—
1.9
Fail
5.9
AA
1.3
Fail
1.3
Fail
1.9
Fail
—
White BG
12.4AAA
2.8Fail
1.6Fail
1.1Fail
2.1Fail
Black BG
1.7Fail
7.5AAA
13.4AAA
18.7AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E16
BBBA58
DFDF8D
F5F5D6
B3B383

Deuteranopia

404218
C2CB5A
E1E491
F5F5D9
B3B287

Tritanopia

4A1C1D
E86062
ED9C9F
F6DEE0
B09194

Achromatopsia

333333
979797
CCCCCC
F0F0F0
AEAEAE

Shades & Tints Shades & Tints

#4B2E0E

Dark
Light

#EE794D

Dark
Light

#EFCA79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b2e0e;
  --color-2: #ee794d;
  --color-3: #efca79;
  --color-4: #f6f4cd;
  --color-5: #afb972;
}

SCSS

$color-1: #4b2e0e;
$color-2: #ee794d;
$color-3: #efca79;
$color-4: #f6f4cd;
$color-5: #afb972;

TAILWIND

colors: {
  'brand-1': '#4b2e0e',
  'brand-2': '#ee794d',
  'brand-3': '#efca79',
  'brand-4': '#f6f4cd',
  'brand-5': '#afb972',
}

RGB Array

[75, 46, 14], [238, 121, 77], [239, 202, 121], [246, 244, 205], [175, 185, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #4B2E0E, #EE794D, #EFCA79, #F6F4CD, #AFB972 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: #4b2e0e; --color-2: #ee794d; --color-3: #efca79; --color-4: #f6f4cd; --color-5: #afb972. 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