← Back to Editor

#D9D3AB · #D9B296 · #619174 · #856505 · #450E0E

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

#D9D3AB

Fresh Green · Wheat · Lemon Cream

HEX
#D9D3AB
RGB
rgb(217, 211, 171)
HSL
hsl(52, 38%, 76%)
HSB
hsb(52, 21%, 85%)
CMYK
cmyk(0%, 3%, 21%, 15%)
Oklch
oklch(86.2% 0.053 100.3)

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

#D9B296

Apricot · Tan · Warm Sun

HEX
#D9B296
RGB
rgb(217, 178, 150)
HSL
hsl(25, 47%, 72%)
HSB
hsb(25, 31%, 85%)
CMYK
cmyk(0%, 18%, 31%, 15%)
Oklch
oklch(79.1% 0.059 57.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#619174

Celadon · SlateGray · Olive Green

HEX
#619174
RGB
rgb(97, 145, 116)
HSL
hsl(144, 20%, 47%)
HSB
hsb(144, 33%, 57%)
CMYK
cmyk(33%, 0%, 20%, 43%)
Oklch
oklch(61.4% 0.068 157.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#856505

Ochre · Olive · Honey Gold

HEX
#856505
RGB
rgb(133, 101, 5)
HSL
hsl(45, 93%, 27%)
HSB
hsb(45, 96%, 52%)
CMYK
cmyk(0%, 24%, 96%, 48%)
Oklch
oklch(52.5% 0.106 86.4)

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

#450E0E

Vermilion · Maroon · Deep Berry

HEX
#450E0E
RGB
rgb(69, 14, 14)
HSL
hsl(0, 66%, 16%)
HSB
hsb(0, 80%, 27%)
CMYK
cmyk(0%, 80%, 80%, 73%)
Oklch
oklch(26.3% 0.084 25.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D3AB
ABB1D9

Analogous

D9BCAB
D9D3AB
C8D9AB

Triadic

D9D3AB
ABD9D3
D3ABD9

Split-Comp.

D9D3AB
ABC8D9
BCABD9

Tetradic

D9D3AB
ABD9BC
ABB1D9
D9ABC8

Contrast Matrix WCAG 2.1 Contrast

D9D3AB
D9B296
619174
856505
450E0E
—
1.3
Fail
2.4
Fail
3.6
AA Large
10.5
AAA
1.3
Fail
—
1.9
Fail
2.8
Fail
8.1
AAA
2.4
Fail
1.9
Fail
—
1.5
Fail
4.4
AA Large
3.6
AA Large
2.8
Fail
1.5
Fail
—
2.9
Fail
10.5
AAA
8.1
AAA
4.4
AA Large
2.9
Fail
—
White BG
1.5Fail
2.0Fail
3.6AA Large
5.4AA
15.9AAA
Black BG
13.9AAA
10.8AAA
5.8AA
3.9AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6B5
C8C89D
76767B
77771C
2D2D0E

Deuteranopia

D7D7B7
CACD9E
736F7D
797B22
30350E

Tritanopia

D9BCBE
D7A2A3
638182
832F33
420E0E

Achromatopsia

D0D0D0
BABABA
7F7F7F
646464
1E1E1E

Shades & Tints Shades & Tints

#D9D3AB

Dark
Light

#D9B296

Dark
Light

#619174

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d3ab;
  --color-2: #d9b296;
  --color-3: #619174;
  --color-4: #856505;
  --color-5: #450e0e;
}

SCSS

$color-1: #d9d3ab;
$color-2: #d9b296;
$color-3: #619174;
$color-4: #856505;
$color-5: #450e0e;

TAILWIND

colors: {
  'brand-1': '#d9d3ab',
  'brand-2': '#d9b296',
  'brand-3': '#619174',
  'brand-4': '#856505',
  'brand-5': '#450e0e',
}

RGB Array

[217, 211, 171], [217, 178, 150], [97, 145, 116], [133, 101, 5], [69, 14, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #D9D3AB, #D9B296, #619174, #856505, #450E0E 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: #d9d3ab; --color-2: #d9b296; --color-3: #619174; --color-4: #856505; --color-5: #450e0e. 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