← Back to Editor

#EBDB9D · #C6CC99 · #4D4C33 · #DAC570 · #F7E7A6

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

#EBDB9D

Goose Yellow · Khaki · Lemon Cream

HEX
#EBDB9D
RGB
rgb(235, 219, 157)
HSL
hsl(48, 66%, 77%)
HSB
hsb(48, 33%, 92%)
CMYK
cmyk(0%, 7%, 33%, 8%)
Oklch
oklch(89.0% 0.081 95.4)

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

#C6CC99

Fresh Green · Tan · Sunflower

HEX
#C6CC99
RGB
rgb(198, 204, 153)
HSL
hsl(67, 33%, 70%)
HSB
hsb(67, 25%, 80%)
CMYK
cmyk(3%, 0%, 25%, 20%)
Oklch
oklch(82.8% 0.068 113.4)

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

#4D4C33

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4D4C33
RGB
rgb(77, 76, 51)
HSL
hsl(58, 20%, 25%)
HSB
hsb(58, 34%, 30%)
CMYK
cmyk(0%, 1%, 34%, 70%)
Oklch
oklch(41.0% 0.039 106.1)

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

#DAC570

Ginger · BurlyWood · Sunflower

HEX
#DAC570
RGB
rgb(218, 197, 112)
HSL
hsl(48, 59%, 65%)
HSB
hsb(48, 49%, 85%)
CMYK
cmyk(0%, 10%, 49%, 15%)
Oklch
oklch(82.3% 0.108 95.9)

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

#F7E7A6

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E7A6
RGB
rgb(247, 231, 166)
HSL
hsl(48, 84%, 81%)
HSB
hsb(48, 33%, 97%)
CMYK
cmyk(0%, 6%, 33%, 3%)
Oklch
oklch(92.6% 0.084 96.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBDB9D
9EADEB

Analogous

EBB59E
EBDB9D
D4EB9E

Triadic

EBDB9D
9EEBDC
DC9EEB

Split-Comp.

EBDB9D
9ED4EB
B59EEB

Tetradic

EBDB9D
9EEBB5
9EADEB
EB9ED4

Contrast Matrix WCAG 2.1 Contrast

EBDB9D
C6CC99
4D4C33
DAC570
F7E7A6
—
1.2
Fail
6.3
AA
1.2
Fail
1.1
Fail
1.2
Fail
—
5.2
AA
1.0
Fail
1.4
Fail
6.3
AA
5.2
AA
—
5.1
AA
7.1
AAA
1.2
Fail
1.0
Fail
5.1
AA
—
1.4
Fail
1.1
Fail
1.4
Fail
7.1
AAA
1.4
Fail
—
White BG
1.4Fail
1.7Fail
8.8AAA
1.7Fail
1.2Fail
Black BG
15.2AAA
12.5AAA
2.4Fail
12.2AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4AC
C9C9A5
4D4D39
D1D185
F0F0B6

Deuteranopia

E5E6B0
C8C8A8
4D4D3B
D2D48A
F1F2BA

Tritanopia

EAB8BA
C6AFB1
4D3E3F
D99598
F6C2C5

Achromatopsia

D9D9D9
C4C4C4
494949
C2C2C2
E4E4E4

Shades & Tints Shades & Tints

#EBDB9D

Dark
Light

#C6CC99

Dark
Light

#4D4C33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebdb9d;
  --color-2: #c6cc99;
  --color-3: #4d4c33;
  --color-4: #dac570;
  --color-5: #f7e7a6;
}

SCSS

$color-1: #ebdb9d;
$color-2: #c6cc99;
$color-3: #4d4c33;
$color-4: #dac570;
$color-5: #f7e7a6;

TAILWIND

colors: {
  'brand-1': '#ebdb9d',
  'brand-2': '#c6cc99',
  'brand-3': '#4d4c33',
  'brand-4': '#dac570',
  'brand-5': '#f7e7a6',
}

RGB Array

[235, 219, 157], [198, 204, 153], [77, 76, 51], [218, 197, 112], [247, 231, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EBDB9D, #C6CC99, #4D4C33, #DAC570, #F7E7A6 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: #ebdb9d; --color-2: #c6cc99; --color-3: #4d4c33; --color-4: #dac570; --color-5: #f7e7a6. 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