← Back to Editor

#E0E0D4 · #C57A15 · #606437 · #4BAAB5 · #DEE3D5

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

#E0E0D4

Fresh Green · LightGray · Lemon Cream

HEX
#E0E0D4
RGB
rgb(224, 224, 212)
HSL
hsl(60, 16%, 85%)
HSB
hsb(60, 5%, 88%)
CMYK
cmyk(0%, 0%, 5%, 12%)
Oklch
oklch(90.3% 0.016 106.7)

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

#C57A15

Ochre · DarkGoldenRod · Amber Brown

HEX
#C57A15
RGB
rgb(197, 122, 21)
HSL
hsl(34, 81%, 43%)
HSB
hsb(34, 89%, 77%)
CMYK
cmyk(0%, 38%, 89%, 23%)
Oklch
oklch(64.5% 0.138 66.2)

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

#606437

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#606437
RGB
rgb(96, 100, 55)
HSL
hsl(65, 29%, 30%)
HSB
hsb(65, 45%, 39%)
CMYK
cmyk(4%, 0%, 45%, 61%)
Oklch
oklch(48.8% 0.066 113.0)

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

#4BAAB5

Slate Blue · CadetBlue · Mint Ice

HEX
#4BAAB5
RGB
rgb(75, 170, 181)
HSL
hsl(186, 42%, 50%)
HSB
hsb(186, 59%, 71%)
CMYK
cmyk(59%, 6%, 0%, 29%)
Oklch
oklch(68.6% 0.090 205.6)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#DEE3D5

Willow Green · LightGray · Mint Green

HEX
#DEE3D5
RGB
rgb(222, 227, 213)
HSL
hsl(81, 20%, 86%)
HSB
hsb(81, 6%, 89%)
CMYK
cmyk(2%, 0%, 6%, 11%)
Oklch
oklch(90.8% 0.019 122.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E0D4
D3D3DF

Analogous

DFD9D3
E0E0D4
D9DFD3

Triadic

E0E0D4
D3DFDF
DFD3DF

Split-Comp.

E0E0D4
D3D9DF
D9D3DF

Tetradic

E0E0D4
D3DFD9
D3D3DF
DFD3D9

Contrast Matrix WCAG 2.1 Contrast

E0E0D4
C57A15
606437
4BAAB5
DEE3D5
—
2.6
Fail
4.7
AA
2.0
Fail
1.0
Fail
2.6
Fail
—
1.8
Fail
1.3
Fail
2.6
Fail
4.7
AA
1.8
Fail
—
2.3
Fail
4.8
AA
2.0
Fail
1.3
Fail
2.3
Fail
—
2.1
Fail
1.0
Fail
2.6
Fail
4.8
AA
2.1
Fail
—
White BG
1.3Fail
3.4AA Large
6.2AA
2.7Fail
1.3Fail
Black BG
15.8AAA
6.2AA
3.4AA Large
7.7AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0D7
A5A42D
626242
7475B2
E0E0D8

Deuteranopia

E0E0D8
A9AE33
626145
6F68B2
E0DFD9

Tritanopia

E0D9DA
C14145
604A4C
50B0B0
DEDBDC

Achromatopsia

DFDFDF
858585
5E5E5E
8F8F8F
E0E0E0

Shades & Tints Shades & Tints

#E0E0D4

Dark
Light

#C57A15

Dark
Light

#606437

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e0d4;
  --color-2: #c57a15;
  --color-3: #606437;
  --color-4: #4baab5;
  --color-5: #dee3d5;
}

SCSS

$color-1: #e0e0d4;
$color-2: #c57a15;
$color-3: #606437;
$color-4: #4baab5;
$color-5: #dee3d5;

TAILWIND

colors: {
  'brand-1': '#e0e0d4',
  'brand-2': '#c57a15',
  'brand-3': '#606437',
  'brand-4': '#4baab5',
  'brand-5': '#dee3d5',
}

RGB Array

[224, 224, 212], [197, 122, 21], [96, 100, 55], [75, 170, 181], [222, 227, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E0E0D4, #C57A15, #606437, #4BAAB5, #DEE3D5 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: #e0e0d4; --color-2: #c57a15; --color-3: #606437; --color-4: #4baab5; --color-5: #dee3d5. 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