← Back to Editor

#CB220D · #CB9004 · #678200 · #178072 · #380022

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

#CB220D

Vermilion · FireBrick · Passion Red

HEX
#CB220D
RGB
rgb(203, 34, 13)
HSL
hsl(7, 88%, 42%)
HSB
hsb(7, 94%, 80%)
CMYK
cmyk(0%, 83%, 94%, 20%)
Oklch
oklch(54.2% 0.205 30.8)

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

#CB9004

Ochre · DarkGoldenRod · Honey Gold

HEX
#CB9004
RGB
rgb(203, 144, 4)
HSL
hsl(42, 96%, 41%)
HSB
hsb(42, 98%, 80%)
CMYK
cmyk(0%, 29%, 98%, 20%)
Oklch
oklch(69.3% 0.143 79.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#678200

Grass Green · Olive · Forest Green

HEX
#678200
RGB
rgb(103, 130, 0)
HSL
hsl(72, 100%, 25%)
HSB
hsb(72, 100%, 51%)
CMYK
cmyk(21%, 0%, 100%, 49%)
Oklch
oklch(56.5% 0.139 123.0)

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

#178072

Mineral Blue · Teal · Mint Ice

HEX
#178072
RGB
rgb(23, 128, 114)
HSL
hsl(172, 70%, 30%)
HSB
hsb(172, 82%, 50%)
CMYK
cmyk(82%, 0%, 11%, 50%)
Oklch
oklch(54.1% 0.092 181.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#380022

Rose Purple · Black · Raspberry

HEX
#380022
RGB
rgb(56, 0, 34)
HSL
hsl(324, 100%, 11%)
HSB
hsb(324, 100%, 22%)
CMYK
cmyk(0%, 100%, 39%, 78%)
Oklch
oklch(22.5% 0.094 349.6)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CB220D
0DB3C9

Analogous

C90D55
CB220D
C9810D

Triadic

CB220D
0DC923
230DC9

Split-Comp.

CB220D
0DC981
0D55C9

Tetradic

CB220D
55C90D
0DB3C9
810DC9

Contrast Matrix WCAG 2.1 Contrast

CB220D
CB9004
678200
178072
380022
—
2.0
Fail
1.3
Fail
1.2
Fail
3.2
AA Large
2.0
Fail
—
1.6
Fail
1.7
Fail
6.3
AA
1.3
Fail
1.6
Fail
—
1.1
Fail
4.0
AA Large
1.2
Fail
1.7
Fail
1.1
Fail
—
3.7
AA Large
3.2
AA Large
6.3
AA
4.0
AA Large
3.7
AA Large
—
White BG
5.6AA
2.8Fail
4.4AA Large
4.8AA
17.6AAA
Black BG
3.8AA Large
7.5AAA
4.8AA
4.4AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

828012
B1B126
73731F
444575
201F1A

Deuteranopia

8C9813
B5B92E
716F27
3E3776
232718

Tritanopia

C31617
C84146
68383E
1C7879
351312

Achromatopsia

525252
929292
6B6B6B
5F5F5F
151515

Shades & Tints Shades & Tints

#CB220D

Dark
Light

#CB9004

Dark
Light

#678200

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cb220d;
  --color-2: #cb9004;
  --color-3: #678200;
  --color-4: #178072;
  --color-5: #380022;
}

SCSS

$color-1: #cb220d;
$color-2: #cb9004;
$color-3: #678200;
$color-4: #178072;
$color-5: #380022;

TAILWIND

colors: {
  'brand-1': '#cb220d',
  'brand-2': '#cb9004',
  'brand-3': '#678200',
  'brand-4': '#178072',
  'brand-5': '#380022',
}

RGB Array

[203, 34, 13], [203, 144, 4], [103, 130, 0], [23, 128, 114], [56, 0, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CB220D, #CB9004, #678200, #178072, #380022 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: #cb220d; --color-2: #cb9004; --color-3: #678200; --color-4: #178072; --color-5: #380022. 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