← Back to Editor

#DACF7D · #51B38C · #E1D90C · #E8501E · #473C20

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

#DACF7D

Fresh Green · BurlyWood · Sunflower

HEX
#DACF7D
RGB
rgb(218, 207, 125)
HSL
hsl(53, 56%, 67%)
HSB
hsb(53, 43%, 85%)
CMYK
cmyk(0%, 5%, 43%, 15%)
Oklch
oklch(84.6% 0.104 101.7)

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

#51B38C

Mineral Blue · CadetBlue · Olive Green

HEX
#51B38C
RGB
rgb(81, 179, 140)
HSL
hsl(156, 39%, 51%)
HSB
hsb(156, 55%, 70%)
CMYK
cmyk(55%, 0%, 22%, 30%)
Oklch
oklch(69.7% 0.110 164.7)

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

#E1D90C

Autumn Sage · Gold · Honey Gold

HEX
#E1D90C
RGB
rgb(225, 217, 12)
HSL
hsl(58, 90%, 46%)
HSB
hsb(58, 95%, 88%)
CMYK
cmyk(0%, 4%, 95%, 12%)
Oklch
oklch(86.4% 0.184 107.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E8501E

Tangerine · Chocolate · Warm Sun

HEX
#E8501E
RGB
rgb(232, 80, 30)
HSL
hsl(15, 81%, 51%)
HSB
hsb(15, 87%, 91%)
CMYK
cmyk(0%, 66%, 87%, 9%)
Oklch
oklch(63.4% 0.197 37.0)

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

#473C20

Ochre · DarkOliveGreen · Amber Gold

HEX
#473C20
RGB
rgb(71, 60, 32)
HSL
hsl(43, 38%, 20%)
HSB
hsb(43, 55%, 28%)
CMYK
cmyk(0%, 15%, 55%, 72%)
Oklch
oklch(36.0% 0.046 88.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DACF7D
7C87DA

Analogous

DAA07C
DACF7D
B6DA7C

Triadic

DACF7D
7CDACF
CF7CDA

Split-Comp.

DACF7D
7CB6DA
A07CDA

Tetradic

DACF7D
7CDAA0
7C87DA
DA7CB6

Contrast Matrix WCAG 2.1 Contrast

DACF7D
51B38C
E1D90C
E8501E
473C20
—
1.6
Fail
1.1
Fail
2.4
Fail
6.8
AA
1.6
Fail
—
1.7
Fail
1.5
Fail
4.2
AA Large
1.1
Fail
1.7
Fail
—
2.5
Fail
7.3
AAA
2.4
Fail
1.5
Fail
2.5
Fail
—
2.9
Fail
6.8
AA
4.2
AA Large
7.3
AAA
2.9
Fail
—
White BG
1.6Fail
2.6Fail
1.5Fail
3.8AA Large
10.9AAA
Black BG
13.2AAA
8.2AAA
14.1AAA
5.6AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D591
7B7C95
DEDD3E
A6A52A
424227

Deuteranopia

D6D796
766E98
DEDF4A
AFBA2D
434428

Tritanopia

D9A1A4
569D9F
E1656D
E03436
462C2D

Achromatopsia

C9C9C9
919191
C4C4C4
787878
3C3C3C

Shades & Tints Shades & Tints

#DACF7D

Dark
Light

#51B38C

Dark
Light

#E1D90C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dacf7d;
  --color-2: #51b38c;
  --color-3: #e1d90c;
  --color-4: #e8501e;
  --color-5: #473c20;
}

SCSS

$color-1: #dacf7d;
$color-2: #51b38c;
$color-3: #e1d90c;
$color-4: #e8501e;
$color-5: #473c20;

TAILWIND

colors: {
  'brand-1': '#dacf7d',
  'brand-2': '#51b38c',
  'brand-3': '#e1d90c',
  'brand-4': '#e8501e',
  'brand-5': '#473c20',
}

RGB Array

[218, 207, 125], [81, 179, 140], [225, 217, 12], [232, 80, 30], [71, 60, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DACF7D, #51B38C, #E1D90C, #E8501E, #473C20 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: #dacf7d; --color-2: #51b38c; --color-3: #e1d90c; --color-4: #e8501e; --color-5: #473c20. 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