← Back to Editor

#E3FFE6 · #D3D486 · #FFCF4F · #EE6902 · #090808

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

#E3FFE6

Emerald · Beige · Mint Green

HEX
#E3FFE6
RGB
rgb(227, 255, 230)
HSL
hsl(126, 100%, 95%)
HSB
hsb(126, 11%, 100%)
CMYK
cmyk(11%, 0%, 10%, 0%)
Oklch
oklch(97.3% 0.044 148.3)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#D3D486

Fresh Green · BurlyWood · Sunflower

HEX
#D3D486
RGB
rgb(211, 212, 134)
HSL
hsl(61, 48%, 68%)
HSB
hsb(61, 37%, 83%)
CMYK
cmyk(0%, 0%, 37%, 17%)
Oklch
oklch(85.2% 0.100 109.0)

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

#FFCF4F

Ginger · SandyBrown · Sunflower

HEX
#FFCF4F
RGB
rgb(255, 207, 79)
HSL
hsl(44, 100%, 65%)
HSB
hsb(44, 69%, 100%)
CMYK
cmyk(0%, 19%, 69%, 0%)
Oklch
oklch(87.4% 0.151 87.9)

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

#EE6902

Tangerine · Chocolate · Amber Brown

HEX
#EE6902
RGB
rgb(238, 105, 2)
HSL
hsl(26, 98%, 47%)
HSB
hsb(26, 99%, 93%)
CMYK
cmyk(0%, 56%, 99%, 7%)
Oklch
oklch(67.4% 0.186 47.1)

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

#090808

Ink Black · Black · Jet Black

HEX
#090808
RGB
rgb(9, 8, 8)
HSL
hsl(0, 6%, 3%)
HSB
hsb(0, 11%, 4%)
CMYK
cmyk(0%, 11%, 11%, 96%)
Oklch
oklch(13.6% 0.002 17.4)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3FFE6
FFE5FC

Analogous

F0FFE5
E3FFE6
E5FFF5

Triadic

E3FFE6
E8E5FF
FFE8E5

Split-Comp.

E3FFE6
F5E5FF
FFE5F0

Tetradic

E3FFE6
E5F0FF
FFE5FC
FFF5E5

Contrast Matrix WCAG 2.1 Contrast

E3FFE6
D3D486
FFCF4F
EE6902
090808
—
1.5
Fail
1.4
Fail
3.0
Fail
18.8
AAA
1.5
Fail
—
1.1
Fail
2.0
Fail
12.9
AAA
1.4
Fail
1.1
Fail
—
2.1
Fail
13.6
AAA
3.0
Fail
2.0
Fail
2.1
Fail
—
6.3
AA
18.8
AAA
12.9
AAA
13.6
AAA
6.3
AA
—
White BG
1.1Fail
1.6Fail
1.5Fail
3.2AA Large
20.0AAA
Black BG
19.7AAA
13.5AAA
14.3AAA
6.7AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFEC
D3D399
EAEA6E
B4B31B
090908

Deuteranopia

EEEBEE
D3D39D
EDF175
BCC621
090908

Tritanopia

E4F1F2
D3A8AB
FD868C
E72F33
090808

Achromatopsia

F4F4F4
CBCBCB
CFCFCF
858585
080808

Shades & Tints Shades & Tints

#E3FFE6

Dark
Light

#D3D486

Dark
Light

#FFCF4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3ffe6;
  --color-2: #d3d486;
  --color-3: #ffcf4f;
  --color-4: #ee6902;
  --color-5: #090808;
}

SCSS

$color-1: #e3ffe6;
$color-2: #d3d486;
$color-3: #ffcf4f;
$color-4: #ee6902;
$color-5: #090808;

TAILWIND

colors: {
  'brand-1': '#e3ffe6',
  'brand-2': '#d3d486',
  'brand-3': '#ffcf4f',
  'brand-4': '#ee6902',
  'brand-5': '#090808',
}

RGB Array

[227, 255, 230], [211, 212, 134], [255, 207, 79], [238, 105, 2], [9, 8, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E3FFE6, #D3D486, #FFCF4F, #EE6902, #090808 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: #e3ffe6; --color-2: #d3d486; --color-3: #ffcf4f; --color-4: #ee6902; --color-5: #090808. 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