← Back to Editor

#E4E5B6 · #CDD06F · #CD5C44 · #3C3D3F · #ABD3BA

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

#E4E5B6

Fresh Green · Wheat · Lemon Cream

HEX
#E4E5B6
RGB
rgb(228, 229, 182)
HSL
hsl(61, 47%, 81%)
HSB
hsb(61, 21%, 90%)
CMYK
cmyk(0%, 0%, 21%, 10%)
Oklch
oklch(90.9% 0.062 108.6)

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

#CDD06F

Fresh Green · BurlyWood · Sunflower

HEX
#CDD06F
RGB
rgb(205, 208, 111)
HSL
hsl(62, 51%, 63%)
HSB
hsb(62, 47%, 82%)
CMYK
cmyk(1%, 0%, 47%, 18%)
Oklch
oklch(83.5% 0.121 110.3)

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

#CD5C44

Crimson · Chocolate · Passion Red

HEX
#CD5C44
RGB
rgb(205, 92, 68)
HSL
hsl(11, 58%, 54%)
HSB
hsb(11, 67%, 80%)
CMYK
cmyk(0%, 55%, 67%, 20%)
Oklch
oklch(61.1% 0.149 33.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#3C3D3F

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3C3D3F
RGB
rgb(60, 61, 63)
HSL
hsl(220, 2%, 24%)
HSB
hsb(220, 5%, 25%)
CMYK
cmyk(5%, 3%, 0%, 75%)
Oklch
oklch(36.0% 0.004 264.5)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#ABD3BA

Celadon · Silver · Apple Green

HEX
#ABD3BA
RGB
rgb(171, 211, 186)
HSL
hsl(143, 31%, 75%)
HSB
hsb(143, 19%, 83%)
CMYK
cmyk(19%, 0%, 12%, 17%)
Oklch
oklch(83.1% 0.055 157.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E5B6
B9B8E5

Analogous

E5CFB8
E4E5B6
CEE5B8

Triadic

E4E5B6
B8E5E5
E5B8E5

Split-Comp.

E4E5B6
B8CEE5
CFB8E5

Tetradic

E4E5B6
B8E5CF
B9B8E5
E5B8CE

Contrast Matrix WCAG 2.1 Contrast

E4E5B6
CDD06F
CD5C44
3C3D3F
ABD3BA
—
1.3
Fail
3.1
AA Large
8.4
AAA
1.3
Fail
1.3
Fail
—
2.5
Fail
6.7
AA
1.0
Fail
3.1
AA Large
2.5
Fail
—
2.7
Fail
2.4
Fail
8.4
AAA
6.7
AA
2.7
Fail
—
6.6
AA
1.3
Fail
1.0
Fail
2.4
Fail
6.6
AA
—
White BG
1.3Fail
1.6Fail
4.0AA Large
10.9AAA
1.6Fail
Black BG
16.2AAA
12.8AAA
5.2AA
1.9Fail
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C1
CECE86
9C9B4A
3C3C3F
BCBDC0

Deuteranopia

E4E4C4
CECE8C
A3AB4B
3C3C3E
BAB7C2

Tritanopia

E4CACC
CD999D
C74E4F
3C3E3E
ADC5C6

Achromatopsia

DFDFDF
C4C4C4
7B7B7B
3D3D3D
C4C4C4

Shades & Tints Shades & Tints

#E4E5B6

Dark
Light

#CDD06F

Dark
Light

#CD5C44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e5b6;
  --color-2: #cdd06f;
  --color-3: #cd5c44;
  --color-4: #3c3d3f;
  --color-5: #abd3ba;
}

SCSS

$color-1: #e4e5b6;
$color-2: #cdd06f;
$color-3: #cd5c44;
$color-4: #3c3d3f;
$color-5: #abd3ba;

TAILWIND

colors: {
  'brand-1': '#e4e5b6',
  'brand-2': '#cdd06f',
  'brand-3': '#cd5c44',
  'brand-4': '#3c3d3f',
  'brand-5': '#abd3ba',
}

RGB Array

[228, 229, 182], [205, 208, 111], [205, 92, 68], [60, 61, 63], [171, 211, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E4E5B6, #CDD06F, #CD5C44, #3C3D3F, #ABD3BA 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: #e4e5b6; --color-2: #cdd06f; --color-3: #cd5c44; --color-4: #3c3d3f; --color-5: #abd3ba. 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