← Back to Editor

#262135 · #CCC7A1 · #958A74 · #A23D4F · #3D2F3C

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

#262135

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#262135
RGB
rgb(38, 33, 53)
HSL
hsl(255, 23%, 17%)
HSB
hsb(255, 38%, 21%)
CMYK
cmyk(28%, 38%, 0%, 79%)
Oklch
oklch(26.3% 0.037 295.2)

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

#CCC7A1

Fresh Green · Tan · Sunflower

HEX
#CCC7A1
RGB
rgb(204, 199, 161)
HSL
hsl(53, 30%, 72%)
HSB
hsb(53, 21%, 80%)
CMYK
cmyk(0%, 2%, 21%, 20%)
Oklch
oklch(82.4% 0.051 101.2)

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

#958A74

Ginger · Gray · Sunflower

HEX
#958A74
RGB
rgb(149, 138, 116)
HSL
hsl(40, 13%, 52%)
HSB
hsb(40, 22%, 58%)
CMYK
cmyk(0%, 7%, 22%, 42%)
Oklch
oklch(63.7% 0.034 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#A23D4F

Crimson · Sienna · Passion Red

HEX
#A23D4F
RGB
rgb(162, 61, 79)
HSL
hsl(349, 45%, 44%)
HSB
hsb(349, 62%, 64%)
CMYK
cmyk(0%, 62%, 51%, 36%)
Oklch
oklch(50.4% 0.134 12.5)

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

#3D2F3C

Rose Purple · DarkSlateGray · Eggplant

HEX
#3D2F3C
RGB
rgb(61, 47, 60)
HSL
hsl(304, 13%, 21%)
HSB
hsb(304, 23%, 24%)
CMYK
cmyk(0%, 23%, 2%, 76%)
Oklch
oklch(32.6% 0.030 328.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

262135
303521

Analogous

212635
262135
302135

Triadic

262135
352621
213526

Split-Comp.

262135
353021
263521

Tetradic

262135
352126
303521
213530

Contrast Matrix WCAG 2.1 Contrast

262135
CCC7A1
958A74
A23D4F
3D2F3C
—
9.1
AAA
4.6
AA
2.5
Fail
1.2
Fail
9.1
AAA
—
2.0
Fail
3.7
AA Large
7.3
AAA
4.6
AA
2.0
Fail
—
1.9
Fail
3.7
AA Large
2.5
Fail
3.7
AA Large
1.9
Fail
—
2.0
Fail
1.2
Fail
7.3
AAA
3.7
AA Large
2.0
Fail
—
White BG
15.5AAA
1.7Fail
3.4AA Large
6.3AA
12.6AAA
Black BG
1.4Fail
12.3AAA
6.2AA
3.3AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

242430
CACAAA
909079
76754B
373739

Deuteranopia

24252F
CACAAC
91927B
7C844A
383938

Tritanopia

262C2C
CCB1B3
947E7E
9D4746
3C3636

Achromatopsia

252525
C4C4C4
8B8B8B
5D5D5D
353535

Shades & Tints Shades & Tints

#262135

Dark
Light

#CCC7A1

Dark
Light

#958A74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #262135;
  --color-2: #ccc7a1;
  --color-3: #958a74;
  --color-4: #a23d4f;
  --color-5: #3d2f3c;
}

SCSS

$color-1: #262135;
$color-2: #ccc7a1;
$color-3: #958a74;
$color-4: #a23d4f;
$color-5: #3d2f3c;

TAILWIND

colors: {
  'brand-1': '#262135',
  'brand-2': '#ccc7a1',
  'brand-3': '#958a74',
  'brand-4': '#a23d4f',
  'brand-5': '#3d2f3c',
}

RGB Array

[38, 33, 53], [204, 199, 161], [149, 138, 116], [162, 61, 79], [61, 47, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #262135, #CCC7A1, #958A74, #A23D4F, #3D2F3C 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: #262135; --color-2: #ccc7a1; --color-3: #958a74; --color-4: #a23d4f; --color-5: #3d2f3c. 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