← Back to Editor

#CDE4DB · #4C3321 · #5E9299 · #DEE7C4 · #A6B49A

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

#CDE4DB

Jade · LightGray · Mint Green

HEX
#CDE4DB
RGB
rgb(205, 228, 219)
HSL
hsl(157, 30%, 85%)
HSB
hsb(157, 10%, 89%)
CMYK
cmyk(10%, 0%, 4%, 11%)
Oklch
oklch(89.9% 0.027 170.2)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#4C3321

Tangerine · DarkOliveGreen · Cinnamon

HEX
#4C3321
RGB
rgb(76, 51, 33)
HSL
hsl(25, 39%, 21%)
HSB
hsb(25, 57%, 30%)
CMYK
cmyk(0%, 33%, 57%, 70%)
Oklch
oklch(34.6% 0.046 56.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#5E9299

Slate Blue · CadetBlue · Mint Ice

HEX
#5E9299
RGB
rgb(94, 146, 153)
HSL
hsl(187, 24%, 48%)
HSB
hsb(187, 39%, 60%)
CMYK
cmyk(39%, 5%, 0%, 40%)
Oklch
oklch(62.6% 0.056 206.6)

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

#DEE7C4

Willow Green · LightGray · Mint Green

HEX
#DEE7C4
RGB
rgb(222, 231, 196)
HSL
hsl(75, 42%, 84%)
HSB
hsb(75, 15%, 91%)
CMYK
cmyk(4%, 0%, 15%, 9%)
Oklch
oklch(91.2% 0.047 119.1)

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

#A6B49A

Celadon · DarkGray · Apple Green

HEX
#A6B49A
RGB
rgb(166, 180, 154)
HSL
hsl(92, 15%, 65%)
HSB
hsb(92, 14%, 71%)
CMYK
cmyk(8%, 0%, 14%, 29%)
Oklch
oklch(75.2% 0.040 130.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDE4DB
E4CDD6

Analogous

CDE4D0
CDE4DB
CDE2E4

Triadic

CDE4DB
DBCDE4
E4DBCD

Split-Comp.

CDE4DB
E4CDE2
E4D0CD

Tetradic

CDE4DB
D0CDE4
E4CDD6
E2E4CD

Contrast Matrix WCAG 2.1 Contrast

CDE4DB
4C3321
5E9299
DEE7C4
A6B49A
—
8.7
AAA
2.6
Fail
1.0
Fail
1.6
Fail
8.7
AAA
—
3.4
AA Large
9.1
AAA
5.3
AA
2.6
Fail
3.4
AA Large
—
2.7
Fail
1.6
Fail
1.0
Fail
9.1
AAA
2.7
Fail
—
1.7
Fail
1.6
Fail
5.3
AA
1.6
Fail
1.7
Fail
—
White BG
1.3Fail
11.6AAA
3.5AA Large
1.3Fail
2.2Fail
Black BG
15.7AAA
1.8Fail
6.0AA
16.3AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7DD
414125
757597
E2E2CC
ACACA0

Deuteranopia

D6D4DE
434526
726E97
E1E1CF
ABAAA2

Tritanopia

CEDFDF
4B292A
619696
DED3D5
A7A5A6

Achromatopsia

DCDCDC
383838
838383
E0E0E0
ADADAD

Shades & Tints Shades & Tints

#CDE4DB

Dark
Light

#4C3321

Dark
Light

#5E9299

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cde4db;
  --color-2: #4c3321;
  --color-3: #5e9299;
  --color-4: #dee7c4;
  --color-5: #a6b49a;
}

SCSS

$color-1: #cde4db;
$color-2: #4c3321;
$color-3: #5e9299;
$color-4: #dee7c4;
$color-5: #a6b49a;

TAILWIND

colors: {
  'brand-1': '#cde4db',
  'brand-2': '#4c3321',
  'brand-3': '#5e9299',
  'brand-4': '#dee7c4',
  'brand-5': '#a6b49a',
}

RGB Array

[205, 228, 219], [76, 51, 33], [94, 146, 153], [222, 231, 196], [166, 180, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #CDE4DB, #4C3321, #5E9299, #DEE7C4, #A6B49A 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: #cde4db; --color-2: #4c3321; --color-3: #5e9299; --color-4: #dee7c4; --color-5: #a6b49a. 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