← Back to Editor

#1E4538 · #C79E4E · #FFECB3 · #FF476C · #9E1818

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#1E4538

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#1E4538
RGB
rgb(30, 69, 56)
HSL
hsl(160, 39%, 19%)
HSB
hsb(160, 57%, 27%)
CMYK
cmyk(57%, 0%, 19%, 73%)
Oklch
oklch(35.8% 0.050 169.2)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#C79E4E

Ginger · SandyBrown · Sunflower

HEX
#C79E4E
RGB
rgb(199, 158, 78)
HSL
hsl(40, 52%, 54%)
HSB
hsb(40, 61%, 78%)
CMYK
cmyk(0%, 21%, 61%, 22%)
Oklch
oklch(72.1% 0.110 82.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FFECB3

Goose Yellow · Wheat · Lemon Cream

HEX
#FFECB3
RGB
rgb(255, 236, 179)
HSL
hsl(45, 100%, 85%)
HSB
hsb(45, 30%, 100%)
CMYK
cmyk(0%, 7%, 30%, 0%)
Oklch
oklch(94.5% 0.076 91.8)

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

#FF476C

Peach Pink · Tomato · Coral Red

HEX
#FF476C
RGB
rgb(255, 71, 108)
HSL
hsl(348, 100%, 64%)
HSB
hsb(348, 72%, 100%)
CMYK
cmyk(0%, 72%, 58%, 0%)
Oklch
oklch(67.3% 0.219 14.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#9E1818

Vermilion · FireBrick · Wine Red

HEX
#9E1818
RGB
rgb(158, 24, 24)
HSL
hsl(0, 74%, 36%)
HSB
hsb(0, 85%, 62%)
CMYK
cmyk(0%, 85%, 85%, 38%)
Oklch
oklch(45.1% 0.168 27.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E4538
431E2A

Analogous

1E4324
1E4538
1E3D43

Triadic

1E4538
371E43
43371E

Split-Comp.

1E4538
431E3D
43241E

Tetradic

1E4538
241E43
431E2A
3D431E

Contrast Matrix WCAG 2.1 Contrast

1E4538
C79E4E
FFECB3
FF476C
9E1818
—
4.3
AA Large
9.1
AAA
3.2
AA Large
1.3
Fail
4.3
AA Large
—
2.1
Fail
1.3
Fail
3.2
AA Large
9.1
AAA
2.1
Fail
—
2.8
Fail
6.9
AA
3.2
AA Large
1.3
Fail
2.8
Fail
—
2.5
Fail
1.3
Fail
3.2
AA Large
6.9
AA
2.5
Fail
—
White BG
10.7AAA
2.5Fail
1.2Fail
3.3AA Large
8.1AAA
Black BG
2.0Fail
8.4AAA
17.9AAA
6.4AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F3B
B5B561
F7F7C1
AFAE63
646318

Deuteranopia

2D2A3C
B8BB66
F8F9C4
BAC861
6C7618

Tritanopia

203E3E
C57174
FECCCE
F65C5A
971818

Achromatopsia

383838
A1A1A1
EBEBEB
828282
404040

Shades & Tints Shades & Tints

#1E4538

Dark
Light

#C79E4E

Dark
Light

#FFECB3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e4538;
  --color-2: #c79e4e;
  --color-3: #ffecb3;
  --color-4: #ff476c;
  --color-5: #9e1818;
}

SCSS

$color-1: #1e4538;
$color-2: #c79e4e;
$color-3: #ffecb3;
$color-4: #ff476c;
$color-5: #9e1818;

TAILWIND

colors: {
  'brand-1': '#1e4538',
  'brand-2': '#c79e4e',
  'brand-3': '#ffecb3',
  'brand-4': '#ff476c',
  'brand-5': '#9e1818',
}

RGB Array

[30, 69, 56], [199, 158, 78], [255, 236, 179], [255, 71, 108], [158, 24, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #1E4538, #C79E4E, #FFECB3, #FF476C, #9E1818 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: #1e4538; --color-2: #c79e4e; --color-3: #ffecb3; --color-4: #ff476c; --color-5: #9e1818. 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