← Back to Editor

#E33B03 · #DA850C · #C8CC69 · #C5EF83 · #517678

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

#E33B03

Tangerine · OrangeRed · Amber Brown

HEX
#E33B03
RGB
rgb(227, 59, 3)
HSL
hsl(15, 97%, 45%)
HSB
hsb(15, 99%, 89%)
CMYK
cmyk(0%, 74%, 99%, 11%)
Oklch
oklch(60.3% 0.211 34.9)

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

#DA850C

Ochre · DarkGoldenRod · Amber Brown

HEX
#DA850C
RGB
rgb(218, 133, 12)
HSL
hsl(35, 90%, 45%)
HSB
hsb(35, 94%, 85%)
CMYK
cmyk(0%, 39%, 94%, 15%)
Oklch
oklch(69.1% 0.152 65.6)

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

#C8CC69

Fresh Green · BurlyWood · Sunflower

HEX
#C8CC69
RGB
rgb(200, 204, 105)
HSL
hsl(62, 49%, 61%)
HSB
hsb(62, 49%, 80%)
CMYK
cmyk(2%, 0%, 49%, 20%)
Oklch
oklch(82.1% 0.123 110.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C5EF83

Willow Green · Khaki · Apple Green

HEX
#C5EF83
RGB
rgb(197, 239, 131)
HSL
hsl(83, 77%, 73%)
HSB
hsb(83, 45%, 94%)
CMYK
cmyk(18%, 0%, 45%, 6%)
Oklch
oklch(89.9% 0.143 126.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#517678

Slate Blue · DimGray · Mint Ice

HEX
#517678
RGB
rgb(81, 118, 120)
HSL
hsl(183, 19%, 39%)
HSB
hsb(183, 33%, 47%)
CMYK
cmyk(33%, 2%, 0%, 53%)
Oklch
oklch(53.9% 0.042 200.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E33B03
03AAE2

Analogous

E2033B
E33B03
E2AA03

Triadic

E33B03
03E23B
3B03E2

Split-Comp.

E33B03
03E2AA
033BE2

Tetradic

E33B03
3BE203
03AAE2
AA03E2

Contrast Matrix WCAG 2.1 Contrast

E33B03
DA850C
C8CC69
C5EF83
517678
—
1.5
Fail
2.5
Fail
3.3
AA Large
1.2
Fail
1.5
Fail
—
1.7
Fail
2.2
Fail
1.7
Fail
2.5
Fail
1.7
Fail
—
1.3
Fail
2.9
Fail
3.3
AA Large
2.2
Fail
1.3
Fail
—
3.8
AA Large
1.2
Fail
1.7
Fail
2.9
Fail
3.8
AA Large
—
White BG
4.3AA Large
2.9Fail
1.7Fail
1.3Fail
5.0AA
Black BG
4.9AA
7.3AAA
12.3AAA
16.0AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9911
B5B429
CACA81
D7D89D
616178

Deuteranopia

A4B114
BAC130
CAC987
D5D2A3
5F5C77

Tritanopia

DB1B1E
D64045
C89498
C7B2B6
537777

Achromatopsia

676767
919191
C0C0C0
D6D6D6
6B6B6B

Shades & Tints Shades & Tints

#E33B03

Dark
Light

#DA850C

Dark
Light

#C8CC69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e33b03;
  --color-2: #da850c;
  --color-3: #c8cc69;
  --color-4: #c5ef83;
  --color-5: #517678;
}

SCSS

$color-1: #e33b03;
$color-2: #da850c;
$color-3: #c8cc69;
$color-4: #c5ef83;
$color-5: #517678;

TAILWIND

colors: {
  'brand-1': '#e33b03',
  'brand-2': '#da850c',
  'brand-3': '#c8cc69',
  'brand-4': '#c5ef83',
  'brand-5': '#517678',
}

RGB Array

[227, 59, 3], [218, 133, 12], [200, 204, 105], [197, 239, 131], [81, 118, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E33B03, #DA850C, #C8CC69, #C5EF83, #517678 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #e33b03; --color-2: #da850c; --color-3: #c8cc69; --color-4: #c5ef83; --color-5: #517678. 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. 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