← Back to Editor

#FF6C03 · #E94E40 · #AE7287 · #77A7A6 · #1FD2F2

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

#FF6C03

Tangerine · OrangeRed · Warm Sun

HEX
#FF6C03
RGB
rgb(255, 108, 3)
HSL
hsl(25, 100%, 51%)
HSB
hsb(25, 99%, 100%)
CMYK
cmyk(0%, 58%, 99%, 0%)
Oklch
oklch(70.4% 0.199 45.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E94E40

Vermilion · Tomato · Passion Red

HEX
#E94E40
RGB
rgb(233, 78, 64)
HSL
hsl(5, 79%, 58%)
HSB
hsb(5, 73%, 91%)
CMYK
cmyk(0%, 67%, 73%, 9%)
Oklch
oklch(63.7% 0.194 28.8)

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

#AE7287

Dark Violet · Gray · Rose Pink

HEX
#AE7287
RGB
rgb(174, 114, 135)
HSL
hsl(339, 27%, 56%)
HSB
hsb(339, 34%, 68%)
CMYK
cmyk(0%, 34%, 22%, 32%)
Oklch
oklch(62.1% 0.080 357.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#77A7A6

Mineral Blue · CadetBlue · Lake Green

HEX
#77A7A6
RGB
rgb(119, 167, 166)
HSL
hsl(179, 21%, 56%)
HSB
hsb(179, 29%, 65%)
CMYK
cmyk(29%, 0%, 1%, 35%)
Oklch
oklch(69.4% 0.051 194.4)

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

#1FD2F2

Lake Blue · DeepSkyBlue · Lake Green

HEX
#1FD2F2
RGB
rgb(31, 210, 242)
HSL
hsl(189, 89%, 54%)
HSB
hsb(189, 87%, 95%)
CMYK
cmyk(87%, 13%, 0%, 5%)
Oklch
oklch(79.6% 0.136 214.4)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF6C03
0597FF

Analogous

FF051A
FF6C03
FFEA05

Triadic

FF6C03
05FF6D
6D05FF

Split-Comp.

FF6C03
05FFEA
051AFF

Tetradic

FF6C03
1AFF05
0597FF
EA05FF

Contrast Matrix WCAG 2.1 Contrast

FF6C03
E94E40
AE7287
77A7A6
1FD2F2
—
1.3
Fail
1.3
Fail
1.1
Fail
1.6
Fail
1.3
Fail
—
1.0
Fail
1.4
Fail
2.1
Fail
1.3
Fail
1.0
Fail
—
1.4
Fail
2.1
Fail
1.1
Fail
1.4
Fail
1.4
Fail
—
1.5
Fail
1.6
Fail
2.1
Fail
2.1
Fail
1.5
Fail
—
White BG
2.8Fail
3.7AA Large
3.8AA Large
2.7Fail
1.8Fail
Black BG
7.4AAA
5.6AA
5.6AA
7.9AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBE1C
A6A443
949382
8C8CA6
6D6EEA

Deuteranopia

C8D323
AFBB44
989C81
8985A6
6255E8

Tritanopia

F83035
E14647
AB7E7D
79A6A6
28E4E3

Achromatopsia

8C8C8C
7B7B7B
868686
999999
A0A0A0

Shades & Tints Shades & Tints

#FF6C03

Dark
Light

#E94E40

Dark
Light

#AE7287

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff6c03;
  --color-2: #e94e40;
  --color-3: #ae7287;
  --color-4: #77a7a6;
  --color-5: #1fd2f2;
}

SCSS

$color-1: #ff6c03;
$color-2: #e94e40;
$color-3: #ae7287;
$color-4: #77a7a6;
$color-5: #1fd2f2;

TAILWIND

colors: {
  'brand-1': '#ff6c03',
  'brand-2': '#e94e40',
  'brand-3': '#ae7287',
  'brand-4': '#77a7a6',
  'brand-5': '#1fd2f2',
}

RGB Array

[255, 108, 3], [233, 78, 64], [174, 114, 135], [119, 167, 166], [31, 210, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FF6C03, #E94E40, #AE7287, #77A7A6, #1FD2F2 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: #ff6c03; --color-2: #e94e40; --color-3: #ae7287; --color-4: #77a7a6; --color-5: #1fd2f2. 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