← Back to Editor

#DCD5B8 · #ADCCA1 · #8CBDAE · #7B8BB3 · #8F659E

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 MenuPoster

Color Details Color Details

#DCD5B8

Goose Yellow · Wheat · Lemon Cream

HEX
#DCD5B8
RGB
rgb(220, 213, 184)
HSL
hsl(48, 34%, 79%)
HSB
hsb(48, 16%, 86%)
CMYK
cmyk(0%, 3%, 16%, 14%)
Oklch
oklch(87.1% 0.040 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#ADCCA1

Celadon · DarkGray · Apple Green

HEX
#ADCCA1
RGB
rgb(173, 204, 161)
HSL
hsl(103, 30%, 72%)
HSB
hsb(103, 21%, 80%)
CMYK
cmyk(15%, 0%, 21%, 20%)
Oklch
oklch(81.1% 0.068 137.0)

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

#8CBDAE

Jade · DarkSeaGreen · Lake Green

HEX
#8CBDAE
RGB
rgb(140, 189, 174)
HSL
hsl(162, 27%, 65%)
HSB
hsb(162, 26%, 74%)
CMYK
cmyk(26%, 0%, 8%, 26%)
Oklch
oklch(75.9% 0.056 173.9)

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

#7B8BB3

Azure · LightSlateGray · Navy Blue

HEX
#7B8BB3
RGB
rgb(123, 139, 179)
HSL
hsl(223, 27%, 59%)
HSB
hsb(223, 31%, 70%)
CMYK
cmyk(31%, 22%, 0%, 30%)
Oklch
oklch(63.9% 0.063 267.7)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#8F659E

Dark Plum · LightSlateGray · Violet

HEX
#8F659E
RGB
rgb(143, 101, 158)
HSL
hsl(284, 23%, 51%)
HSB
hsb(284, 36%, 62%)
CMYK
cmyk(9%, 36%, 0%, 38%)
Oklch
oklch(57.2% 0.098 316.9)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCD5B8
B7BFDC

Analogous

DCC2B7
DCD5B8
D1DCB7

Triadic

DCD5B8
B7DCD4
D4B7DC

Split-Comp.

DCD5B8
B7D1DC
C2B7DC

Tetradic

DCD5B8
B7DCC2
B7BFDC
DCB7D1

Contrast Matrix WCAG 2.1 Contrast

DCD5B8
ADCCA1
8CBDAE
7B8BB3
8F659E
—
1.2
Fail
1.4
Fail
2.3
Fail
3.2
AA Large
1.2
Fail
—
1.2
Fail
1.9
Fail
2.6
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
2.2
Fail
2.3
Fail
1.9
Fail
1.6
Fail
—
1.4
Fail
3.2
AA Large
2.6
Fail
2.2
Fail
1.4
Fail
—
White BG
1.5Fail
1.8Fail
2.1Fail
3.4AA Large
4.6AA
Black BG
14.3AAA
11.9AAA
10.0AAA
6.2AA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9BF
BABBAB
A1A2B2
8282A9
7D7C90

Deuteranopia

D9DAC1
B9B6AE
9E9BB3
8180A7
7F828D

Tritanopia

DCC5C6
AFB4B5
8EB4B5
7CA2A0
8D8583

Achromatopsia

D4D4D4
BEBEBE
ADADAD
8B8B8B
787878

Shades & Tints Shades & Tints

#DCD5B8

Dark
Light

#ADCCA1

Dark
Light

#8CBDAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcd5b8;
  --color-2: #adcca1;
  --color-3: #8cbdae;
  --color-4: #7b8bb3;
  --color-5: #8f659e;
}

SCSS

$color-1: #dcd5b8;
$color-2: #adcca1;
$color-3: #8cbdae;
$color-4: #7b8bb3;
$color-5: #8f659e;

TAILWIND

colors: {
  'brand-1': '#dcd5b8',
  'brand-2': '#adcca1',
  'brand-3': '#8cbdae',
  'brand-4': '#7b8bb3',
  'brand-5': '#8f659e',
}

RGB Array

[220, 213, 184], [173, 204, 161], [140, 189, 174], [123, 139, 179], [143, 101, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DCD5B8, #ADCCA1, #8CBDAE, #7B8BB3, #8F659E 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: #dcd5b8; --color-2: #adcca1; --color-3: #8cbdae; --color-4: #7b8bb3; --color-5: #8f659e. 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