← Back to Editor

#2A1D15 · #39AAA6 · #D64339 · #FB8639 · #FFD33F

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 MenuPosterData Visualization

Color Details Color Details

#2A1D15

Tangerine · Black · Cinnamon

HEX
#2A1D15
RGB
rgb(42, 29, 21)
HSL
hsl(23, 33%, 12%)
HSB
hsb(23, 50%, 16%)
CMYK
cmyk(0%, 31%, 50%, 84%)
Oklch
oklch(24.4% 0.025 52.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#39AAA6

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#39AAA6
RGB
rgb(57, 170, 166)
HSL
hsl(178, 50%, 45%)
HSB
hsb(178, 66%, 67%)
CMYK
cmyk(66%, 0%, 2%, 33%)
Oklch
oklch(67.5% 0.100 191.7)

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

#D64339

Vermilion · Chocolate · Passion Red

HEX
#D64339
RGB
rgb(214, 67, 57)
HSL
hsl(4, 66%, 53%)
HSB
hsb(4, 73%, 84%)
CMYK
cmyk(0%, 69%, 73%, 16%)
Oklch
oklch(59.3% 0.185 28.0)

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

#FB8639

Tangerine · Coral · Warm Sun

HEX
#FB8639
RGB
rgb(251, 134, 57)
HSL
hsl(24, 96%, 60%)
HSB
hsb(24, 77%, 98%)
CMYK
cmyk(0%, 47%, 77%, 2%)
Oklch
oklch(73.8% 0.167 50.3)

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

#FFD33F

Ginger · SandyBrown · Sunflower

HEX
#FFD33F
RGB
rgb(255, 211, 63)
HSL
hsl(46, 100%, 62%)
HSB
hsb(46, 75%, 100%)
CMYK
cmyk(0%, 17%, 75%, 0%)
Oklch
oklch(88.1% 0.162 91.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A1D15
152129

Analogous

291517
2A1D15
292615

Triadic

2A1D15
15291C
1C1529

Split-Comp.

2A1D15
152926
151729

Tetradic

2A1D15
172915
152129
261529

Contrast Matrix WCAG 2.1 Contrast

2A1D15
39AAA6
D64339
FB8639
FFD33F
—
5.8
AA
3.7
AA Large
6.7
AA
11.4
AAA
5.8
AA
—
1.6
Fail
1.1
Fail
2.0
Fail
3.7
AA Large
1.6
Fail
—
1.8
Fail
3.1
AA Large
6.7
AA
1.1
Fail
1.8
Fail
—
1.7
Fail
11.4
AAA
2.0
Fail
3.1
AA Large
1.7
Fail
—
White BG
16.3AAA
2.8Fail
4.4AA Large
2.5Fail
1.4Fail
Black BG
1.3Fail
7.5AAA
4.7AA
8.6AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242417
6A6BA7
96953B
C8C74C
ECEC63

Deuteranopia

252617
635BA7
9FAA3C
CFD850
EFF26B

Tritanopia

291819
3FA8A8
CF3D3E
F55A5E
FD7F85

Achromatopsia

202020
888888
6E6E6E
A0A0A0
CFCFCF

Shades & Tints Shades & Tints

#2A1D15

Dark
Light

#39AAA6

Dark
Light

#D64339

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a1d15;
  --color-2: #39aaa6;
  --color-3: #d64339;
  --color-4: #fb8639;
  --color-5: #ffd33f;
}

SCSS

$color-1: #2a1d15;
$color-2: #39aaa6;
$color-3: #d64339;
$color-4: #fb8639;
$color-5: #ffd33f;

TAILWIND

colors: {
  'brand-1': '#2a1d15',
  'brand-2': '#39aaa6',
  'brand-3': '#d64339',
  'brand-4': '#fb8639',
  'brand-5': '#ffd33f',
}

RGB Array

[42, 29, 21], [57, 170, 166], [214, 67, 57], [251, 134, 57], [255, 211, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #2A1D15, #39AAA6, #D64339, #FB8639, #FFD33F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #2a1d15; --color-2: #39aaa6; --color-3: #d64339; --color-4: #fb8639; --color-5: #ffd33f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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