← Back to Editor

#E0E5D5 · #CBCDBE · #AAB175 · #C9CCC0 · #E6E9DC

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimeless

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#E0E5D5

Willow Green · LightGray · Mint Green

HEX
#E0E5D5
RGB
rgb(224, 229, 213)
HSL
hsl(79, 24%, 87%)
HSB
hsb(79, 7%, 90%)
CMYK
cmyk(2%, 0%, 7%, 10%)
Oklch
oklch(91.4% 0.022 121.0)

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

#CBCDBE

Fresh Green · Silver · Lemon Cream

HEX
#CBCDBE
RGB
rgb(203, 205, 190)
HSL
hsl(68, 13%, 77%)
HSB
hsb(68, 7%, 80%)
CMYK
cmyk(1%, 0%, 7%, 20%)
Oklch
oklch(84.3% 0.021 113.0)

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

#AAB175

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#AAB175
RGB
rgb(170, 177, 117)
HSL
hsl(67, 28%, 58%)
HSB
hsb(67, 34%, 69%)
CMYK
cmyk(4%, 0%, 34%, 31%)
Oklch
oklch(74.0% 0.081 113.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C9CCC0

Willow Green · Silver · Apple Green

HEX
#C9CCC0
RGB
rgb(201, 204, 192)
HSL
hsl(75, 11%, 78%)
HSB
hsb(75, 6%, 80%)
CMYK
cmyk(1%, 0%, 6%, 20%)
Oklch
oklch(83.9% 0.017 118.2)

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

#E6E9DC

Willow Green · Beige · Mint Green

HEX
#E6E9DC
RGB
rgb(230, 233, 220)
HSL
hsl(74, 23%, 89%)
HSB
hsb(74, 6%, 91%)
CMYK
cmyk(1%, 0%, 6%, 9%)
Oklch
oklch(92.8% 0.018 117.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E5D5
DBD6E6

Analogous

E6E3D6
E0E5D5
D9E6D6

Triadic

E0E5D5
D6E1E6
E6D6E1

Split-Comp.

E0E5D5
D6D9E6
E3D6E6

Tetradic

E0E5D5
D6E6E3
DBD6E6
E6D6D9

Contrast Matrix WCAG 2.1 Contrast

E0E5D5
CBCDBE
AAB175
C9CCC0
E6E9DC
—
1.3
Fail
1.8
Fail
1.3
Fail
1.0
Fail
1.3
Fail
—
1.4
Fail
1.0
Fail
1.3
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.3
Fail
1.0
Fail
1.4
Fail
—
1.3
Fail
1.0
Fail
1.3
Fail
1.8
Fail
1.3
Fail
—
White BG
1.3Fail
1.6Fail
2.3Fail
1.6Fail
1.2Fail
Black BG
16.3AAA
13.0AAA
9.3AAA
12.9AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2D9
CCCCC2
ADAD84
CACAC3
E7E7DF

Deuteranopia

E2E2DA
CCCCC3
ADAC87
CACAC4
E7E7E0

Tritanopia

E0DCDD
CBC4C5
AA8F92
C9C5C6
E6E2E2

Achromatopsia

E2E2E2
CBCBCB
A8A8A8
CACACA
E7E7E7

Shades & Tints Shades & Tints

#E0E5D5

Dark
Light

#CBCDBE

Dark
Light

#AAB175

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e5d5;
  --color-2: #cbcdbe;
  --color-3: #aab175;
  --color-4: #c9ccc0;
  --color-5: #e6e9dc;
}

SCSS

$color-1: #e0e5d5;
$color-2: #cbcdbe;
$color-3: #aab175;
$color-4: #c9ccc0;
$color-5: #e6e9dc;

TAILWIND

colors: {
  'brand-1': '#e0e5d5',
  'brand-2': '#cbcdbe',
  'brand-3': '#aab175',
  'brand-4': '#c9ccc0',
  'brand-5': '#e6e9dc',
}

RGB Array

[224, 229, 213], [203, 205, 190], [170, 177, 117], [201, 204, 192], [230, 233, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E0E5D5, #CBCDBE, #AAB175, #C9CCC0, #E6E9DC is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #e0e5d5; --color-2: #cbcdbe; --color-3: #aab175; --color-4: #c9ccc0; --color-5: #e6e9dc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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