← Back to Editor

#9A0D2D · #E87719 · #FBCC1C · #62883B · #132549

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 MenuPoster

Color Details Color Details

#9A0D2D

Vermilion · Brown · Wine Red

HEX
#9A0D2D
RGB
rgb(154, 13, 45)
HSL
hsl(346, 84%, 33%)
HSB
hsb(346, 92%, 60%)
CMYK
cmyk(0%, 92%, 71%, 40%)
Oklch
oklch(44.0% 0.169 17.9)

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

#E87719

Tangerine · Chocolate · Amber Brown

HEX
#E87719
RGB
rgb(232, 119, 25)
HSL
hsl(27, 82%, 50%)
HSB
hsb(27, 89%, 91%)
CMYK
cmyk(0%, 49%, 89%, 9%)
Oklch
oklch(68.7% 0.168 52.6)

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

#FBCC1C

Ginger · Gold · Sunflower

HEX
#FBCC1C
RGB
rgb(251, 204, 28)
HSL
hsl(47, 97%, 55%)
HSB
hsb(47, 89%, 98%)
CMYK
cmyk(0%, 19%, 89%, 2%)
Oklch
oklch(86.2% 0.172 91.4)

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

#62883B

Celadon · DarkOliveGreen · Forest Green

HEX
#62883B
RGB
rgb(98, 136, 59)
HSL
hsl(90, 39%, 38%)
HSB
hsb(90, 57%, 53%)
CMYK
cmyk(28%, 0%, 57%, 47%)
Oklch
oklch(58.1% 0.115 131.0)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#132549

Indigo · MidnightBlue · Deep Sea Blue

HEX
#132549
RGB
rgb(19, 37, 73)
HSL
hsl(220, 59%, 18%)
HSB
hsb(220, 74%, 29%)
CMYK
cmyk(74%, 49%, 0%, 71%)
Oklch
oklch(27.1% 0.071 262.6)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A0D2D
0D9B7A

Analogous

9B0D75
9A0D2D
9B330D

Triadic

9A0D2D
2E9B0D
0D2E9B

Split-Comp.

9A0D2D
0D9B33
0D759B

Tetradic

9A0D2D
759B0D
0D9B7A
330D9B

Contrast Matrix WCAG 2.1 Contrast

9A0D2D
E87719
FBCC1C
62883B
132549
—
2.9
Fail
5.6
AA
2.1
Fail
1.8
Fail
2.9
Fail
—
1.9
Fail
1.4
Fail
5.1
AA
5.6
AA
1.9
Fail
—
2.7
Fail
9.9
AAA
2.1
Fail
1.4
Fail
2.7
Fail
—
3.7
AA Large
1.8
Fail
5.1
AA
9.9
AAA
3.7
AA Large
—
White BG
8.5AAA
3.0Fail
1.5Fail
4.1AA Large
15.1AAA
Black BG
2.5Fail
7.1AAA
13.8AAA
5.1AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5C25
B7B630
E7E647
72734E
1B1B40

Deuteranopia

657023
BEC635
E9ED51
706D52
1A183E

Tritanopia

931F1E
E24246
F96870
645C60
143938

Achromatopsia

3B3B3B
8E8E8E
C6C6C6
747474
242424

Shades & Tints Shades & Tints

#9A0D2D

Dark
Light

#E87719

Dark
Light

#FBCC1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a0d2d;
  --color-2: #e87719;
  --color-3: #fbcc1c;
  --color-4: #62883b;
  --color-5: #132549;
}

SCSS

$color-1: #9a0d2d;
$color-2: #e87719;
$color-3: #fbcc1c;
$color-4: #62883b;
$color-5: #132549;

TAILWIND

colors: {
  'brand-1': '#9a0d2d',
  'brand-2': '#e87719',
  'brand-3': '#fbcc1c',
  'brand-4': '#62883b',
  'brand-5': '#132549',
}

RGB Array

[154, 13, 45], [232, 119, 25], [251, 204, 28], [98, 136, 59], [19, 37, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #9A0D2D, #E87719, #FBCC1C, #62883B, #132549 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #9a0d2d; --color-2: #e87719; --color-3: #fbcc1c; --color-4: #62883b; --color-5: #132549. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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