← Back to Editor

#EE200F · #EE844E · #EAAF87 · #CEB191 · #A18274

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

#EE200F

Vermilion · Red · Passion Red

HEX
#EE200F
RGB
rgb(238, 32, 15)
HSL
hsl(5, 88%, 50%)
HSB
hsb(5, 94%, 93%)
CMYK
cmyk(0%, 87%, 94%, 7%)
Oklch
oklch(60.5% 0.235 29.9)

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

#EE844E

Apricot · Coral · Warm Sun

HEX
#EE844E
RGB
rgb(238, 132, 78)
HSL
hsl(20, 82%, 62%)
HSB
hsb(20, 67%, 93%)
CMYK
cmyk(0%, 45%, 67%, 7%)
Oklch
oklch(72.0% 0.147 46.3)

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

#EAAF87

Apricot · BurlyWood · Warm Sun

HEX
#EAAF87
RGB
rgb(234, 175, 135)
HSL
hsl(24, 70%, 72%)
HSB
hsb(24, 42%, 92%)
CMYK
cmyk(0%, 25%, 42%, 8%)
Oklch
oklch(79.9% 0.088 55.2)

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

#CEB191

Ginger · Tan · Warm Sun

HEX
#CEB191
RGB
rgb(206, 177, 145)
HSL
hsl(31, 38%, 69%)
HSB
hsb(31, 30%, 81%)
CMYK
cmyk(0%, 14%, 30%, 19%)
Oklch
oklch(77.8% 0.055 69.6)

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

#A18274

Tangerine · Gray · Warm Sun

HEX
#A18274
RGB
rgb(161, 130, 116)
HSL
hsl(19, 19%, 54%)
HSB
hsb(19, 28%, 63%)
CMYK
cmyk(0%, 19%, 28%, 37%)
Oklch
oklch(63.2% 0.044 45.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE200F
0FDDF0

Analogous

F00F6D
EE200F
F0920F

Triadic

EE200F
0FF022
220FF0

Split-Comp.

EE200F
0FF092
0F6DF0

Tetradic

EE200F
6DF00F
0FDDF0
920FF0

Contrast Matrix WCAG 2.1 Contrast

EE200F
EE844E
EAAF87
CEB191
A18274
—
1.7
Fail
2.3
Fail
2.1
Fail
1.2
Fail
1.7
Fail
—
1.4
Fail
1.3
Fail
1.3
Fail
2.3
Fail
1.4
Fail
—
1.1
Fail
1.8
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
1.7
Fail
1.2
Fail
1.3
Fail
1.8
Fail
1.7
Fail
—
White BG
4.3AA Large
2.6Fail
1.9Fail
2.0Fail
3.5AA Large
Black BG
4.8AA
8.0AAA
11.0AAA
10.3AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959313
C0BF5B
D0D091
C1C199
949377

Deuteranopia

A1B014
C6CE5E
D4D893
C3C59B
959878

Tritanopia

E41617
E96568
E7989A
CD9FA0
9F7A7B

Achromatopsia

5C5C5C
9E9E9E
BCBCBC
B6B6B6
8A8A8A

Shades & Tints Shades & Tints

#EE200F

Dark
Light

#EE844E

Dark
Light

#EAAF87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee200f;
  --color-2: #ee844e;
  --color-3: #eaaf87;
  --color-4: #ceb191;
  --color-5: #a18274;
}

SCSS

$color-1: #ee200f;
$color-2: #ee844e;
$color-3: #eaaf87;
$color-4: #ceb191;
$color-5: #a18274;

TAILWIND

colors: {
  'brand-1': '#ee200f',
  'brand-2': '#ee844e',
  'brand-3': '#eaaf87',
  'brand-4': '#ceb191',
  'brand-5': '#a18274',
}

RGB Array

[238, 32, 15], [238, 132, 78], [234, 175, 135], [206, 177, 145], [161, 130, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EE200F, #EE844E, #EAAF87, #CEB191, #A18274 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ee200f; --color-2: #ee844e; --color-3: #eaaf87; --color-4: #ceb191; --color-5: #a18274. 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 tech, SaaS, healthcare, eco industries. 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