← Back to Editor

#846666 · #C6DFDD · #F3F3E3 · #D1C28E · #C5AF78

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

#846666

Crimson · DimGray · Passion Red

HEX
#846666
RGB
rgb(132, 102, 102)
HSL
hsl(0, 13%, 46%)
HSB
hsb(0, 23%, 52%)
CMYK
cmyk(0%, 23%, 23%, 48%)
Oklch
oklch(54.0% 0.039 18.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C6DFDD

Jade · LightGray · Glacier Blue

HEX
#C6DFDD
RGB
rgb(198, 223, 221)
HSL
hsl(175, 28%, 83%)
HSB
hsb(175, 11%, 87%)
CMYK
cmyk(11%, 0%, 1%, 13%)
Oklch
oklch(88.5% 0.027 190.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#F3F3E3

Fresh Green · Beige · Lemon Cream

HEX
#F3F3E3
RGB
rgb(243, 243, 227)
HSL
hsl(60, 40%, 92%)
HSB
hsb(60, 7%, 95%)
CMYK
cmyk(0%, 0%, 7%, 5%)
Oklch
oklch(96.0% 0.021 106.8)

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

#D1C28E

Ginger · Tan · Sunflower

HEX
#D1C28E
RGB
rgb(209, 194, 142)
HSL
hsl(47, 42%, 69%)
HSB
hsb(47, 32%, 82%)
CMYK
cmyk(0%, 7%, 32%, 18%)
Oklch
oklch(81.4% 0.071 93.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C5AF78

Ginger · Tan · Sunflower

HEX
#C5AF78
RGB
rgb(197, 175, 120)
HSL
hsl(43, 40%, 62%)
HSB
hsb(43, 39%, 77%)
CMYK
cmyk(0%, 11%, 39%, 23%)
Oklch
oklch(76.0% 0.077 88.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

846666
668585

Analogous

856675
846666
857566

Triadic

846666
668566
666685

Split-Comp.

846666
668575
667585

Tetradic

846666
758566
668585
756685

Contrast Matrix WCAG 2.1 Contrast

846666
C6DFDD
F3F3E3
D1C28E
C5AF78
—
3.7
AA Large
4.6
AA
2.9
Fail
2.4
Fail
3.7
AA Large
—
1.2
Fail
1.3
Fail
1.5
Fail
4.6
AA
1.2
Fail
—
1.6
Fail
1.9
Fail
2.9
Fail
1.3
Fail
1.6
Fail
—
1.2
Fail
2.4
Fail
1.5
Fail
1.9
Fail
1.2
Fail
—
White BG
5.2AA
1.4Fail
1.1Fail
1.8Fail
2.1Fail
Black BG
4.1AA Large
15.0AAA
18.7AAA
11.8AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777766
D1D1DD
F3F3E7
CBCA9B
BBBB85

Deuteranopia

797B66
CFCEDE
F3F3E8
CBCC9E
BDBE89

Tritanopia

836666
C7DEDE
F3EAEB
D0A5A7
C49092

Achromatopsia

6F6F6F
D7D7D7
F1F1F1
C1C1C1
AFAFAF

Shades & Tints Shades & Tints

#846666

Dark
Light

#C6DFDD

Dark
Light

#F3F3E3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #846666;
  --color-2: #c6dfdd;
  --color-3: #f3f3e3;
  --color-4: #d1c28e;
  --color-5: #c5af78;
}

SCSS

$color-1: #846666;
$color-2: #c6dfdd;
$color-3: #f3f3e3;
$color-4: #d1c28e;
$color-5: #c5af78;

TAILWIND

colors: {
  'brand-1': '#846666',
  'brand-2': '#c6dfdd',
  'brand-3': '#f3f3e3',
  'brand-4': '#d1c28e',
  'brand-5': '#c5af78',
}

RGB Array

[132, 102, 102], [198, 223, 221], [243, 243, 227], [209, 194, 142], [197, 175, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #846666, #C6DFDD, #F3F3E3, #D1C28E, #C5AF78 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: #846666; --color-2: #c6dfdd; --color-3: #f3f3e3; --color-4: #d1c28e; --color-5: #c5af78. 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