← Back to Editor

#E4E1DA · #D2CFCA · #A9A6A1 · #594F43 · #443E32

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

#E4E1DA

Goose Yellow · LightGray · Lemon Cream

HEX
#E4E1DA
RGB
rgb(228, 225, 218)
HSL
hsl(42, 16%, 87%)
HSB
hsb(42, 4%, 89%)
CMYK
cmyk(0%, 1%, 4%, 11%)
Oklch
oklch(91.0% 0.010 87.5)

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

#D2CFCA

Goose Yellow · LightGray · Pearl Gray

HEX
#D2CFCA
RGB
rgb(210, 207, 202)
HSL
hsl(38, 8%, 81%)
HSB
hsb(38, 4%, 82%)
CMYK
cmyk(0%, 1%, 4%, 18%)
Oklch
oklch(85.5% 0.008 80.7)

Traditional「Goose Yellow」· Paint「Pearl Gray」· Creative Silver Lining

#A9A6A1

Ash · DarkGray · Silver Sand

HEX
#A9A6A1
RGB
rgb(169, 166, 161)
HSL
hsl(38, 4%, 65%)
HSB
hsb(38, 5%, 66%)
CMYK
cmyk(0%, 2%, 5%, 34%)
Oklch
oklch(72.6% 0.008 80.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#594F43

Ochre · DarkOliveGreen · Amber Brown

HEX
#594F43
RGB
rgb(89, 79, 67)
HSL
hsl(33, 14%, 31%)
HSB
hsb(33, 25%, 35%)
CMYK
cmyk(0%, 11%, 25%, 65%)
Oklch
oklch(43.4% 0.023 72.2)

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

#443E32

Ochre · DarkSlateGray · Amber Gold

HEX
#443E32
RGB
rgb(68, 62, 50)
HSL
hsl(40, 15%, 23%)
HSB
hsb(40, 26%, 27%)
CMYK
cmyk(0%, 9%, 26%, 73%)
Oklch
oklch(36.6% 0.021 84.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E1DA
D9DCE3

Analogous

E3DBD9
E4E1DA
E1E3D9

Triadic

E4E1DA
D9E3E0
E0D9E3

Split-Comp.

E4E1DA
D9E1E3
DBD9E3

Tetradic

E4E1DA
D9E3DB
D9DCE3
E3D9E1

Contrast Matrix WCAG 2.1 Contrast

E4E1DA
D2CFCA
A9A6A1
594F43
443E32
—
1.2
Fail
1.9
Fail
6.1
AA
8.1
AAA
1.2
Fail
—
1.6
Fail
5.2
AA
6.8
AA
1.9
Fail
1.6
Fail
—
3.3
AA Large
4.4
AA Large
6.1
AA
5.2
AA
3.3
AA Large
—
1.3
Fail
8.1
AAA
6.8
AA
4.4
AA Large
1.3
Fail
—
White BG
1.3Fail
1.6Fail
2.4Fail
8.0AAA
10.6AAA
Black BG
16.1AAA
13.5AAA
8.7AAA
2.6Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3DC
D1D1CB
A8A8A2
555546
414135

Deuteranopia

E3E3DC
D1D1CB
A8A8A3
555647
424236

Tritanopia

E4DDDD
D2CCCC
A9A3A3
594849
443738

Achromatopsia

E1E1E1
CFCFCF
A6A6A6
515151
3E3E3E

Shades & Tints Shades & Tints

#E4E1DA

Dark
Light

#D2CFCA

Dark
Light

#A9A6A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e1da;
  --color-2: #d2cfca;
  --color-3: #a9a6a1;
  --color-4: #594f43;
  --color-5: #443e32;
}

SCSS

$color-1: #e4e1da;
$color-2: #d2cfca;
$color-3: #a9a6a1;
$color-4: #594f43;
$color-5: #443e32;

TAILWIND

colors: {
  'brand-1': '#e4e1da',
  'brand-2': '#d2cfca',
  'brand-3': '#a9a6a1',
  'brand-4': '#594f43',
  'brand-5': '#443e32',
}

RGB Array

[228, 225, 218], [210, 207, 202], [169, 166, 161], [89, 79, 67], [68, 62, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E4E1DA, #D2CFCA, #A9A6A1, #594F43, #443E32 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e4e1da; --color-2: #d2cfca; --color-3: #a9a6a1; --color-4: #594f43; --color-5: #443e32. 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. Restrained colors convey professionalism and trust. 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