← Back to Editor

#2D241D · #DF152F · #DA9D33 · #D9C87A · #3F8A63

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#2D241D

Tangerine · Black · Cinnamon

HEX
#2D241D
RGB
rgb(45, 36, 29)
HSL
hsl(26, 22%, 15%)
HSB
hsb(26, 36%, 18%)
CMYK
cmyk(0%, 20%, 36%, 82%)
Oklch
oklch(26.8% 0.019 59.8)

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

#DF152F

Vermilion · Crimson · Passion Red

HEX
#DF152F
RGB
rgb(223, 21, 47)
HSL
hsl(352, 83%, 48%)
HSB
hsb(352, 91%, 87%)
CMYK
cmyk(0%, 91%, 79%, 13%)
Oklch
oklch(57.5% 0.225 23.8)

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

#DA9D33

Ginger · GoldenRod · Warm Sun

HEX
#DA9D33
RGB
rgb(218, 157, 51)
HSL
hsl(38, 69%, 53%)
HSB
hsb(38, 77%, 85%)
CMYK
cmyk(0%, 28%, 77%, 15%)
Oklch
oklch(73.7% 0.137 76.8)

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

#D9C87A

Ginger · BurlyWood · Sunflower

HEX
#D9C87A
RGB
rgb(217, 200, 122)
HSL
hsl(49, 56%, 66%)
HSB
hsb(49, 44%, 85%)
CMYK
cmyk(0%, 8%, 44%, 15%)
Oklch
oklch(83.0% 0.100 97.4)

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

#3F8A63

Celadon · SeaGreen · Forest Green

HEX
#3F8A63
RGB
rgb(63, 138, 99)
HSL
hsl(149, 37%, 39%)
HSB
hsb(149, 54%, 54%)
CMYK
cmyk(54%, 0%, 28%, 46%)
Oklch
oklch(57.5% 0.097 158.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D241D
1E272F

Analogous

2F1E1F
2D241D
2F2E1E

Triadic

2D241D
1E2F25
251E2F

Split-Comp.

2D241D
1E2F2E
1E1F2F

Tetradic

2D241D
1F2F1E
1E272F
2E1E2F

Contrast Matrix WCAG 2.1 Contrast

2D241D
DF152F
DA9D33
D9C87A
3F8A63
—
3.1
AA Large
6.4
AA
9.0
AAA
3.6
AA Large
3.1
AA Large
—
2.1
Fail
2.9
Fail
1.2
Fail
6.4
AA
2.1
Fail
—
1.4
Fail
1.8
Fail
9.0
AAA
2.9
Fail
1.4
Fail
—
2.5
Fail
3.6
AA Large
1.2
Fail
1.8
Fail
2.5
Fail
—
White BG
15.2AAA
4.9AA
2.4Fail
1.7Fail
4.2AA Large
Black BG
1.4Fail
4.3AA Large
8.9AAA
12.5AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

29291F
888629
C0BF4D
D2D18D
5F606C

Deuteranopia

2A2A1F
93A227
C3C853
D3D491
5B566F

Tritanopia

2D2020
D52423
D76165
D89C9F
437476

Achromatopsia

262626
545454
A3A3A3
C4C4C4
6F6F6F

Shades & Tints Shades & Tints

#2D241D

Dark
Light

#DF152F

Dark
Light

#DA9D33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d241d;
  --color-2: #df152f;
  --color-3: #da9d33;
  --color-4: #d9c87a;
  --color-5: #3f8a63;
}

SCSS

$color-1: #2d241d;
$color-2: #df152f;
$color-3: #da9d33;
$color-4: #d9c87a;
$color-5: #3f8a63;

TAILWIND

colors: {
  'brand-1': '#2d241d',
  'brand-2': '#df152f',
  'brand-3': '#da9d33',
  'brand-4': '#d9c87a',
  'brand-5': '#3f8a63',
}

RGB Array

[45, 36, 29], [223, 21, 47], [218, 157, 51], [217, 200, 122], [63, 138, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #2D241D, #DF152F, #DA9D33, #D9C87A, #3F8A63 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #2d241d; --color-2: #df152f; --color-3: #da9d33; --color-4: #d9c87a; --color-5: #3f8a63. 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 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