← Back to Editor

#665F5B · #7D6F6E · #C9C6B5 · #AD6A7D · #E3DEB6

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

#665F5B

Ink Gray · DimGray · Charcoal

HEX
#665F5B
RGB
rgb(102, 95, 91)
HSL
hsl(22, 6%, 38%)
HSB
hsb(22, 11%, 40%)
CMYK
cmyk(0%, 7%, 11%, 60%)
Oklch
oklch(49.1% 0.011 51.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#7D6F6E

Ink Gray · DimGray · Warm Gray

HEX
#7D6F6E
RGB
rgb(125, 111, 110)
HSL
hsl(4, 6%, 46%)
HSB
hsb(4, 12%, 49%)
CMYK
cmyk(0%, 11%, 12%, 51%)
Oklch
oklch(55.4% 0.018 22.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#C9C6B5

Fresh Green · Silver · Sunflower

HEX
#C9C6B5
RGB
rgb(201, 198, 181)
HSL
hsl(51, 16%, 75%)
HSB
hsb(51, 10%, 79%)
CMYK
cmyk(0%, 1%, 10%, 21%)
Oklch
oklch(82.4% 0.023 98.7)

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

#AD6A7D

Dark Violet · Gray · Rose Pink

HEX
#AD6A7D
RGB
rgb(173, 106, 125)
HSL
hsl(343, 29%, 55%)
HSB
hsb(343, 39%, 68%)
CMYK
cmyk(0%, 39%, 28%, 32%)
Oklch
oklch(60.3% 0.089 1.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E3DEB6

Fresh Green · Wheat · Lemon Cream

HEX
#E3DEB6
RGB
rgb(227, 222, 182)
HSL
hsl(53, 45%, 80%)
HSB
hsb(53, 20%, 89%)
CMYK
cmyk(0%, 2%, 20%, 11%)
Oklch
oklch(89.4% 0.053 101.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

665F5B
5B6267

Analogous

675B5D
665F5B
67655B

Triadic

665F5B
5B675F
5F5B67

Split-Comp.

665F5B
5B6765
5B5D67

Tetradic

665F5B
5D675B
5B6267
655B67

Contrast Matrix WCAG 2.1 Contrast

665F5B
7D6F6E
C9C6B5
AD6A7D
E3DEB6
—
1.3
Fail
3.6
AA Large
1.5
Fail
4.6
AA
1.3
Fail
—
2.8
Fail
1.2
Fail
3.5
AA Large
3.6
AA Large
2.8
Fail
—
2.4
Fail
1.3
Fail
1.5
Fail
1.2
Fail
2.4
Fail
—
3.0
Fail
4.6
AA
3.5
AA Large
1.3
Fail
3.0
Fail
—
White BG
6.3AA
4.8AA
1.7Fail
4.1AA Large
1.4Fail
Black BG
3.4AA Large
4.4AA Large
12.2AAA
5.1AA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

63635C
77776E
C8C8B9
908F78
E1E1C0

Deuteranopia

63645C
78796E
C8C8BA
949977
E1E1C2

Tritanopia

665D5D
7C6E6E
C9BCBD
AA7574
E3C7C9

Achromatopsia

616161
737373
C5C5C5
808080
DBDBDB

Shades & Tints Shades & Tints

#665F5B

Dark
Light

#7D6F6E

Dark
Light

#C9C6B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #665f5b;
  --color-2: #7d6f6e;
  --color-3: #c9c6b5;
  --color-4: #ad6a7d;
  --color-5: #e3deb6;
}

SCSS

$color-1: #665f5b;
$color-2: #7d6f6e;
$color-3: #c9c6b5;
$color-4: #ad6a7d;
$color-5: #e3deb6;

TAILWIND

colors: {
  'brand-1': '#665f5b',
  'brand-2': '#7d6f6e',
  'brand-3': '#c9c6b5',
  'brand-4': '#ad6a7d',
  'brand-5': '#e3deb6',
}

RGB Array

[102, 95, 91], [125, 111, 110], [201, 198, 181], [173, 106, 125], [227, 222, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #665F5B, #7D6F6E, #C9C6B5, #AD6A7D, #E3DEB6 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #665f5b; --color-2: #7d6f6e; --color-3: #c9c6b5; --color-4: #ad6a7d; --color-5: #e3deb6. 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. 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