#E84C09 + #212121 + #F26E02 + #1C1C1B + #E69109 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#E84C09

Tangerine · OrangeRed · Amber Brown

HEX

#E84C09

RGB

rgb(232, 76, 9)

HSL

hsl(18, 93%, 47%)

HSB

hsb(18, 96%, 91%)

CMYK

cmyk(0%, 67%, 96%, 9%)

Oklch

oklch(62.9% 0.202 38.1)

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

#212121

Ink Black · Black · Dark Stone

HEX

#212121

RGB

rgb(33, 33, 33)

HSL

hsl(0, 0%, 13%)

HSB

hsb(0, 0%, 13%)

CMYK

cmyk(0%, 0%, 0%, 87%)

Oklch

oklch(24.8% 0.000 89.9)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#F26E02

Tangerine · Chocolate · Amber Brown

HEX

#F26E02

RGB

rgb(242, 110, 2)

HSL

hsl(27, 98%, 48%)

HSB

hsb(27, 99%, 95%)

CMYK

cmyk(0%, 55%, 99%, 5%)

Oklch

oklch(68.7% 0.186 48.2)

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

#1C1C1B

Ink Black · Black · Dark Stone

HEX

#1C1C1B

RGB

rgb(28, 28, 27)

HSL

hsl(60, 2%, 11%)

HSB

hsb(60, 4%, 11%)

CMYK

cmyk(0%, 0%, 4%, 89%)

Oklch

oklch(22.6% 0.002 106.6)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#E69109

Ochre · GoldenRod · Amber Brown

HEX

#E69109

RGB

rgb(230, 145, 9)

HSL

hsl(37, 92%, 47%)

HSB

hsb(37, 96%, 90%)

CMYK

cmyk(0%, 37%, 96%, 10%)

Oklch

oklch(72.7% 0.158 68.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E84C09

08A4E7

Analogous

E70835

E84C09

E7BB08

Triadic

E84C09

08E74B

4B08E7

Split-Comp.

E84C09

08E7BB

0835E7

Tetradic

E84C09

35E708

08A4E7

BB08E7

Contrast Matrix WCAG 2.1 Contrast

E84C09	212121	F26E02	1C1C1B	E69109
—	4.2 AA Large	1.3 Fail	4.4 AA Large	1.5 Fail
4.2 AA Large	—	5.4 AA	1.1 Fail	6.5 AA
1.3 Fail	5.4 AA	—	5.7 AA	1.2 Fail
4.4 AA Large	1.1 Fail	5.7 AA	—	6.8 AA
1.5 Fail	6.5 AA	1.2 Fail	6.8 AA	—

White BG

3.8AA Large

16.1AAA

3.0Fail

17.1AAA

2.5Fail

Black BG

5.5AA

1.3Fail

7.0AAA

1.2Fail

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A319

212121

B9B81C

1C1C1B

C1C02A

Deuteranopia

AEB91D

212121

C1CA22

1C1C1B

C6CD32

Tritanopia

E02629

212121

EB3135

1C1B1B

E2444A

Achromatopsia

737373

212121

898989

1C1C1C

9B9B9B

Shades & Tints Shades & Tints

#E84C09

Dark

Light

#212121

Dark

Light

#F26E02

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e84c09;
  --color-2: #212121;
  --color-3: #f26e02;
  --color-4: #1c1c1b;
  --color-5: #e69109;
}

SCSS

$color-1: #e84c09;
$color-2: #212121;
$color-3: #f26e02;
$color-4: #1c1c1b;
$color-5: #e69109;

TAILWIND

colors: {
  'brand-1': '#e84c09',
  'brand-2': '#212121',
  'brand-3': '#f26e02',
  'brand-4': '#1c1c1b',
  'brand-5': '#e69109',
}

RGB Array

[232, 76, 9], [33, 33, 33], [242, 110, 2], [28, 28, 27], [230, 145, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E84C09, #212121, #F26E02, #1C1C1B, #E69109 is ideal for: tech websites, dark mode UIs, game UIs. 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: #e84c09; --color-2: #212121; --color-3: #f26e02; --color-4: #1c1c1b; --color-5: #e69109. 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 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