← Back to Editor

#AE0D05 · #CCE6C9 · #EEC671 · #D2893C · #AC4B38

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

#AE0D05

Vermilion · FireBrick · Wine Red

HEX
#AE0D05
RGB
rgb(174, 13, 5)
HSL
hsl(3, 94%, 35%)
HSB
hsb(3, 97%, 68%)
CMYK
cmyk(0%, 93%, 97%, 32%)
Oklch
oklch(47.6% 0.189 29.5)

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

#CCE6C9

Celadon · LightGray · Mint Green

HEX
#CCE6C9
RGB
rgb(204, 230, 201)
HSL
hsl(114, 37%, 85%)
HSB
hsb(114, 13%, 90%)
CMYK
cmyk(11%, 0%, 13%, 10%)
Oklch
oklch(89.8% 0.048 142.3)

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

#EEC671

Ginger · BurlyWood · Sunflower

HEX
#EEC671
RGB
rgb(238, 198, 113)
HSL
hsl(41, 79%, 69%)
HSB
hsb(41, 53%, 93%)
CMYK
cmyk(0%, 17%, 53%, 7%)
Oklch
oklch(84.4% 0.113 84.8)

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

#D2893C

Ginger · GoldenRod · Warm Sun

HEX
#D2893C
RGB
rgb(210, 137, 60)
HSL
hsl(31, 62%, 53%)
HSB
hsb(31, 71%, 82%)
CMYK
cmyk(0%, 35%, 71%, 18%)
Oklch
oklch(69.1% 0.128 64.0)

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

#AC4B38

Crimson · Sienna · Passion Red

HEX
#AC4B38
RGB
rgb(172, 75, 56)
HSL
hsl(10, 51%, 45%)
HSB
hsb(10, 67%, 67%)
CMYK
cmyk(0%, 56%, 67%, 33%)
Oklch
oklch(53.5% 0.132 32.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE0D05
05A5AD

Analogous

AD0551
AE0D05
AD6205

Triadic

AE0D05
05AD0E
0E05AD

Split-Comp.

AE0D05
05AD62
0551AD

Tetradic

AE0D05
51AD05
05A5AD
6205AD

Contrast Matrix WCAG 2.1 Contrast

AE0D05
CCE6C9
EEC671
D2893C
AC4B38
—
5.5
AA
4.5
AA
2.6
Fail
1.3
Fail
5.5
AA
—
1.2
Fail
2.1
Fail
4.1
AA Large
4.5
AA
1.2
Fail
—
1.8
Fail
3.4
AA Large
2.6
Fail
2.1
Fail
1.8
Fail
—
1.9
Fail
1.3
Fail
4.1
AA Large
3.4
AA Large
1.9
Fail
—
White BG
7.3AAA
1.3Fail
1.6Fail
2.8Fail
5.5AA
Black BG
2.9Fail
15.7AAA
13.0AAA
7.4AAA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

686707
D7D7D0
DDDC86
B2B24F
82813D

Deuteranopia

727E07
D6D4D2
DFE28B
B7BC53
888F3E

Tritanopia

A60809
CDD6D7
EC9699
CE5D61
A74041

Achromatopsia

3C3C3C
DBDBDB
C8C8C8
969696
666666

Shades & Tints Shades & Tints

#AE0D05

Dark
Light

#CCE6C9

Dark
Light

#EEC671

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae0d05;
  --color-2: #cce6c9;
  --color-3: #eec671;
  --color-4: #d2893c;
  --color-5: #ac4b38;
}

SCSS

$color-1: #ae0d05;
$color-2: #cce6c9;
$color-3: #eec671;
$color-4: #d2893c;
$color-5: #ac4b38;

TAILWIND

colors: {
  'brand-1': '#ae0d05',
  'brand-2': '#cce6c9',
  'brand-3': '#eec671',
  'brand-4': '#d2893c',
  'brand-5': '#ac4b38',
}

RGB Array

[174, 13, 5], [204, 230, 201], [238, 198, 113], [210, 137, 60], [172, 75, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AE0D05, #CCE6C9, #EEC671, #D2893C, #AC4B38 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: #ae0d05; --color-2: #cce6c9; --color-3: #eec671; --color-4: #d2893c; --color-5: #ac4b38. 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