← Back to Editor

#D48961 · #1A0000 · #C4BA87 · #E1D5A1 · #EDE3B0

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

#D48961

Apricot · DarkSalmon · Warm Sun

HEX
#D48961
RGB
rgb(212, 137, 97)
HSL
hsl(21, 57%, 61%)
HSB
hsb(21, 54%, 83%)
CMYK
cmyk(0%, 35%, 54%, 17%)
Oklch
oklch(69.8% 0.107 48.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#1A0000

Vermilion · Black · Deep Berry

HEX
#1A0000
RGB
rgb(26, 0, 0)
HSL
hsl(0, 100%, 5%)
HSB
hsb(0, 100%, 10%)
CMYK
cmyk(0%, 100%, 100%, 90%)
Oklch
oklch(13.7% 0.056 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#C4BA87

Fresh Green · Tan · Sunflower

HEX
#C4BA87
RGB
rgb(196, 186, 135)
HSL
hsl(50, 34%, 65%)
HSB
hsb(50, 31%, 77%)
CMYK
cmyk(0%, 5%, 31%, 23%)
Oklch
oklch(78.5% 0.069 98.4)

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

#E1D5A1

Goose Yellow · Wheat · Lemon Cream

HEX
#E1D5A1
RGB
rgb(225, 213, 161)
HSL
hsl(49, 52%, 76%)
HSB
hsb(49, 28%, 88%)
CMYK
cmyk(0%, 5%, 28%, 12%)
Oklch
oklch(87.0% 0.069 96.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDE3B0

Fresh Green · Wheat · Lemon Cream

HEX
#EDE3B0
RGB
rgb(237, 227, 176)
HSL
hsl(50, 63%, 81%)
HSB
hsb(50, 26%, 93%)
CMYK
cmyk(0%, 4%, 26%, 7%)
Oklch
oklch(91.1% 0.067 98.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D48961
63ADD4

Analogous

D46374
D48961
D4C363

Triadic

D48961
63D48B
8B63D4

Split-Comp.

D48961
63D4C3
6374D4

Tetradic

D48961
74D463
63ADD4
C363D4

Contrast Matrix WCAG 2.1 Contrast

D48961
1A0000
C4BA87
E1D5A1
EDE3B0
—
7.2
AAA
1.4
Fail
1.9
Fail
2.1
Fail
7.2
AAA
—
10.3
AAA
13.6
AAA
15.5
AAA
1.4
Fail
10.3
AAA
—
1.3
Fail
1.5
Fail
1.9
Fail
13.6
AAA
1.3
Fail
—
1.1
Fail
2.1
Fail
15.5
AAA
1.5
Fail
1.1
Fail
—
White BG
2.8Fail
20.1AAA
2.0Fail
1.5Fail
1.3Fail
Black BG
7.6AAA
1.0Fail
10.7AAA
14.2AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B36B
0F0F00
C0C093
DCDCAE
E9E9BC

Deuteranopia

B8BD6D
101200
C0C196
DDDDB1
E9EABF

Tritanopia

D07274
190000
C49D9F
E0B8BA
ECC6C8

Achromatopsia

9B9B9B
080808
B7B7B7
D3D3D3
E0E0E0

Shades & Tints Shades & Tints

#D48961

Dark
Light

#1A0000

Dark
Light

#C4BA87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d48961;
  --color-2: #1a0000;
  --color-3: #c4ba87;
  --color-4: #e1d5a1;
  --color-5: #ede3b0;
}

SCSS

$color-1: #d48961;
$color-2: #1a0000;
$color-3: #c4ba87;
$color-4: #e1d5a1;
$color-5: #ede3b0;

TAILWIND

colors: {
  'brand-1': '#d48961',
  'brand-2': '#1a0000',
  'brand-3': '#c4ba87',
  'brand-4': '#e1d5a1',
  'brand-5': '#ede3b0',
}

RGB Array

[212, 137, 97], [26, 0, 0], [196, 186, 135], [225, 213, 161], [237, 227, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #D48961, #1A0000, #C4BA87, #E1D5A1, #EDE3B0 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: #d48961; --color-2: #1a0000; --color-3: #c4ba87; --color-4: #e1d5a1; --color-5: #ede3b0. 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