← Back to Editor

#FFE3A7 · #E6D094 · #DC2805 · #100D06 · #95A382

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

#FFE3A7

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE3A7
RGB
rgb(255, 227, 167)
HSL
hsl(41, 100%, 83%)
HSB
hsb(41, 35%, 100%)
CMYK
cmyk(0%, 11%, 35%, 0%)
Oklch
oklch(92.5% 0.082 85.7)

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

#E6D094

Goose Yellow · Khaki · Sunflower

HEX
#E6D094
RGB
rgb(230, 208, 148)
HSL
hsl(44, 62%, 74%)
HSB
hsb(44, 36%, 90%)
CMYK
cmyk(0%, 10%, 36%, 10%)
Oklch
oklch(86.2% 0.081 90.2)

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

#DC2805

Vermilion · OrangeRed · Passion Red

HEX
#DC2805
RGB
rgb(220, 40, 5)
HSL
hsl(10, 96%, 44%)
HSB
hsb(10, 98%, 86%)
CMYK
cmyk(0%, 82%, 98%, 14%)
Oklch
oklch(57.7% 0.217 31.9)

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

#100D06

Ochre · Black · Amber Gold

HEX
#100D06
RGB
rgb(16, 13, 6)
HSL
hsl(42, 45%, 4%)
HSB
hsb(42, 63%, 6%)
CMYK
cmyk(0%, 19%, 62%, 94%)
Oklch
oklch(16.0% 0.016 88.9)

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

#95A382

Grass Green · DarkSeaGreen · Olive Green

HEX
#95A382
RGB
rgb(149, 163, 130)
HSL
hsl(85, 15%, 57%)
HSB
hsb(85, 20%, 64%)
CMYK
cmyk(9%, 0%, 20%, 36%)
Oklch
oklch(69.5% 0.049 126.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE3A7
A8C4FF

Analogous

FFB8A8
FFE3A7
EFFFA8

Triadic

FFE3A7
A8FFE4
E4A8FF

Split-Comp.

FFE3A7
A8EFFF
B8A8FF

Tetradic

FFE3A7
A8FFB8
A8C4FF
FFA8EF

Contrast Matrix WCAG 2.1 Contrast

FFE3A7
E6D094
DC2805
100D06
95A382
—
1.2
Fail
3.9
AA Large
15.5
AAA
2.1
Fail
1.2
Fail
—
3.2
AA Large
12.8
AAA
1.8
Fail
3.9
AA Large
3.2
AA Large
—
4.0
AA Large
1.8
Fail
15.5
AAA
12.8
AAA
4.0
AA Large
—
7.2
AAA
2.1
Fail
1.8
Fail
1.8
Fail
7.2
AAA
—
White BG
1.3Fail
1.5Fail
4.8AA
19.4AAA
2.7Fail
Black BG
16.8AAA
13.8AAA
4.3AA Large
1.1Fail
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3B6
DCDCA3
8E8C0D
0F0F08
9B9B8A

Deuteranopia

F5F7B9
DEDFA6
99A610
0F0F08
9A998C

Tritanopia

FEC1C4
E5AEB1
D31416
100909
969092

Achromatopsia

E5E5E5
D0D0D0
5A5A5A
0D0D0D
9B9B9B

Shades & Tints Shades & Tints

#FFE3A7

Dark
Light

#E6D094

Dark
Light

#DC2805

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe3a7;
  --color-2: #e6d094;
  --color-3: #dc2805;
  --color-4: #100d06;
  --color-5: #95a382;
}

SCSS

$color-1: #ffe3a7;
$color-2: #e6d094;
$color-3: #dc2805;
$color-4: #100d06;
$color-5: #95a382;

TAILWIND

colors: {
  'brand-1': '#ffe3a7',
  'brand-2': '#e6d094',
  'brand-3': '#dc2805',
  'brand-4': '#100d06',
  'brand-5': '#95a382',
}

RGB Array

[255, 227, 167], [230, 208, 148], [220, 40, 5], [16, 13, 6], [149, 163, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FFE3A7, #E6D094, #DC2805, #100D06, #95A382 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: #ffe3a7; --color-2: #e6d094; --color-3: #dc2805; --color-4: #100d06; --color-5: #95a382. 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