← Back to Editor

#464567 · #6C5D7A · #CCB4CC · #D9C4CD · #FCFBE9

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

#464567

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#464567
RGB
rgb(70, 69, 103)
HSL
hsl(242, 20%, 34%)
HSB
hsb(242, 33%, 40%)
CMYK
cmyk(32%, 33%, 0%, 60%)
Oklch
oklch(40.6% 0.057 284.9)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#6C5D7A

Dark Plum · DimGray · Violet

HEX
#6C5D7A
RGB
rgb(108, 93, 122)
HSL
hsl(271, 13%, 42%)
HSB
hsb(271, 24%, 48%)
CMYK
cmyk(11%, 24%, 0%, 52%)
Oklch
oklch(50.4% 0.049 308.1)

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

#CCB4CC

Mauve · Silver · Lilac Purple

HEX
#CCB4CC
RGB
rgb(204, 180, 204)
HSL
hsl(300, 19%, 75%)
HSB
hsb(300, 12%, 80%)
CMYK
cmyk(0%, 12%, 0%, 20%)
Oklch
oklch(79.8% 0.043 326.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#D9C4CD

Rouge · LightGray · Cherry Blossom

HEX
#D9C4CD
RGB
rgb(217, 196, 205)
HSL
hsl(334, 22%, 81%)
HSB
hsb(334, 10%, 85%)
CMYK
cmyk(0%, 10%, 6%, 15%)
Oklch
oklch(84.0% 0.026 349.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FCFBE9

Fresh Green · SeaShell · Lemon Cream

HEX
#FCFBE9
RGB
rgb(252, 251, 233)
HSL
hsl(57, 76%, 95%)
HSB
hsb(57, 8%, 99%)
CMYK
cmyk(0%, 0%, 8%, 1%)
Oklch
oklch(98.4% 0.024 104.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

464567
676845

Analogous

455668
464567
584568

Triadic

464567
684745
456847

Split-Comp.

464567
685845
566845

Tetradic

464567
684556
676845
456858

Contrast Matrix WCAG 2.1 Contrast

464567
6C5D7A
CCB4CC
D9C4CD
FCFBE9
—
1.5
Fail
4.8
AA
5.5
AA
8.7
AAA
1.5
Fail
—
3.1
AA Large
3.7
AA Large
5.8
AA
4.8
AA
3.1
AA Large
—
1.2
Fail
1.8
Fail
5.5
AA
3.7
AA Large
1.2
Fail
—
1.6
Fail
8.7
AAA
5.8
AA
1.8
Fail
1.6
Fail
—
White BG
9.1AAA
6.0AA
1.9Fail
1.6Fail
1.0Fail
Black BG
2.3Fail
3.5AA Large
11.0AAA
12.7AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

46465F
666573
C2C1C6
D0D0CB
FCFCED

Deuteranopia

46465D
666871
C3C5C5
D1D3CA
FCFCEE

Tritanopia

465857
6B6D6C
CBC2C1
D8C9C9
FCF1F2

Achromatopsia

494949
656565
BEBEBE
CBCBCB
F9F9F9

Shades & Tints Shades & Tints

#464567

Dark
Light

#6C5D7A

Dark
Light

#CCB4CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #464567;
  --color-2: #6c5d7a;
  --color-3: #ccb4cc;
  --color-4: #d9c4cd;
  --color-5: #fcfbe9;
}

SCSS

$color-1: #464567;
$color-2: #6c5d7a;
$color-3: #ccb4cc;
$color-4: #d9c4cd;
$color-5: #fcfbe9;

TAILWIND

colors: {
  'brand-1': '#464567',
  'brand-2': '#6c5d7a',
  'brand-3': '#ccb4cc',
  'brand-4': '#d9c4cd',
  'brand-5': '#fcfbe9',
}

RGB Array

[70, 69, 103], [108, 93, 122], [204, 180, 204], [217, 196, 205], [252, 251, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #464567, #6C5D7A, #CCB4CC, #D9C4CD, #FCFBE9 is ideal for: health products, baby brands, fresh-style blogs, 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: #464567; --color-2: #6c5d7a; --color-3: #ccb4cc; --color-4: #d9c4cd; --color-5: #fcfbe9. 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. 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