← Back to Editor

#C9CDA8 · #B2A66C · #784F4F · #3D141B · #0A060F

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

#C9CDA8

Fresh Green · Silver · Sunflower

HEX
#C9CDA8
RGB
rgb(201, 205, 168)
HSL
hsl(66, 27%, 73%)
HSB
hsb(66, 18%, 80%)
CMYK
cmyk(2%, 0%, 18%, 20%)
Oklch
oklch(83.6% 0.050 112.5)

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

#B2A66C

Autumn Sage · Tan · Sunflower

HEX
#B2A66C
RGB
rgb(178, 166, 108)
HSL
hsl(50, 31%, 56%)
HSB
hsb(50, 39%, 70%)
CMYK
cmyk(0%, 7%, 39%, 30%)
Oklch
oklch(72.2% 0.078 97.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#784F4F

Crimson · DimGray · Wine Red

HEX
#784F4F
RGB
rgb(120, 79, 79)
HSL
hsl(0, 21%, 39%)
HSB
hsb(0, 34%, 47%)
CMYK
cmyk(0%, 34%, 34%, 53%)
Oklch
oklch(47.3% 0.056 19.3)

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

#3D141B

Crimson · Black · Deep Berry

HEX
#3D141B
RGB
rgb(61, 20, 27)
HSL
hsl(350, 51%, 16%)
HSB
hsb(350, 67%, 24%)
CMYK
cmyk(0%, 67%, 56%, 76%)
Oklch
oklch(25.9% 0.065 12.4)

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

#0A060F

Deep Indigo · Black · Dark Purple

HEX
#0A060F
RGB
rgb(10, 6, 15)
HSL
hsl(267, 43%, 4%)
HSB
hsb(267, 60%, 6%)
CMYK
cmyk(33%, 60%, 0%, 94%)
Oklch
oklch(13.4% 0.022 305.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9CDA8
ABA8CD

Analogous

CDBEA8
C9CDA8
B6CDA8

Triadic

C9CDA8
A8C9CD
CDA8C9

Split-Comp.

C9CDA8
A8B6CD
BEA8CD

Tetradic

C9CDA8
A8CDBE
ABA8CD
CDA8B6

Contrast Matrix WCAG 2.1 Contrast

C9CDA8
B2A66C
784F4F
3D141B
0A060F
—
1.5
Fail
4.2
AA Large
9.7
AAA
12.2
AAA
1.5
Fail
—
2.8
Fail
6.5
AA
8.2
AAA
4.2
AA Large
2.8
Fail
—
2.3
Fail
2.9
Fail
9.7
AAA
6.5
AA
2.3
Fail
—
1.3
Fail
12.2
AAA
8.2
AAA
2.9
Fail
1.3
Fail
—
White BG
1.6Fail
2.5Fail
6.9AA
16.0AAA
20.1AAA
Black BG
12.8AAA
8.6AAA
3.0AA Large
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBB1
ADAD7A
66664F
2B2B19
08080D

Deuteranopia

CBCAB3
AEAE7D
696C4F
2E3119
09090C

Tritanopia

C9B8BA
B18588
764F4F
3B1818
0A0B0B

Achromatopsia

C8C8C8
A3A3A3
5B5B5B
212121
080808

Shades & Tints Shades & Tints

#C9CDA8

Dark
Light

#B2A66C

Dark
Light

#784F4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9cda8;
  --color-2: #b2a66c;
  --color-3: #784f4f;
  --color-4: #3d141b;
  --color-5: #0a060f;
}

SCSS

$color-1: #c9cda8;
$color-2: #b2a66c;
$color-3: #784f4f;
$color-4: #3d141b;
$color-5: #0a060f;

TAILWIND

colors: {
  'brand-1': '#c9cda8',
  'brand-2': '#b2a66c',
  'brand-3': '#784f4f',
  'brand-4': '#3d141b',
  'brand-5': '#0a060f',
}

RGB Array

[201, 205, 168], [178, 166, 108], [120, 79, 79], [61, 20, 27], [10, 6, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C9CDA8, #B2A66C, #784F4F, #3D141B, #0A060F is ideal for: tech websites, dark mode UIs, game UIs, 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: #c9cda8; --color-2: #b2a66c; --color-3: #784f4f; --color-4: #3d141b; --color-5: #0a060f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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