← Back to Editor

#261013 · #361820 · #77A680 · #BFBB84 · #D6D4AC

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

#261013

Crimson · Black · Deep Berry

HEX
#261013
RGB
rgb(38, 16, 19)
HSL
hsl(352, 41%, 11%)
HSB
hsb(352, 58%, 15%)
CMYK
cmyk(0%, 58%, 50%, 85%)
Oklch
oklch(20.7% 0.037 12.1)

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

#361820

Dark Violet · Black · Raspberry

HEX
#361820
RGB
rgb(54, 24, 32)
HSL
hsl(344, 38%, 15%)
HSB
hsb(344, 56%, 21%)
CMYK
cmyk(0%, 56%, 41%, 79%)
Oklch
oklch(25.5% 0.049 4.1)

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

#77A680

Celadon · DarkSeaGreen · Olive Green

HEX
#77A680
RGB
rgb(119, 166, 128)
HSL
hsl(131, 21%, 56%)
HSB
hsb(131, 28%, 65%)
CMYK
cmyk(28%, 0%, 23%, 35%)
Oklch
oklch(68.1% 0.075 149.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#BFBB84

Fresh Green · Tan · Sunflower

HEX
#BFBB84
RGB
rgb(191, 187, 132)
HSL
hsl(56, 32%, 63%)
HSB
hsb(56, 31%, 75%)
CMYK
cmyk(0%, 2%, 31%, 25%)
Oklch
oklch(78.2% 0.073 104.4)

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

#D6D4AC

Fresh Green · Wheat · Lemon Cream

HEX
#D6D4AC
RGB
rgb(214, 212, 172)
HSL
hsl(57, 34%, 76%)
HSB
hsb(57, 20%, 84%)
CMYK
cmyk(0%, 1%, 20%, 16%)
Oklch
oklch(86.1% 0.053 105.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261013
112824

Analogous

28111F
261013
281911

Triadic

261013
142811
111428

Split-Comp.

261013
112819
111F28

Tetradic

261013
1F2811
112824
191128

Contrast Matrix WCAG 2.1 Contrast

261013
361820
77A680
BFBB84
D6D4AC
—
1.1
Fail
6.5
AA
9.1
AAA
11.9
AAA
1.1
Fail
—
5.8
AA
8.1
AAA
10.6
AAA
6.5
AA
5.8
AA
—
1.4
Fail
1.8
Fail
9.1
AAA
8.1
AAA
1.4
Fail
—
1.3
Fail
11.9
AAA
10.6
AAA
1.8
Fail
1.3
Fail
—
White BG
18.0AAA
16.1AAA
2.8Fail
2.0Fail
1.5Fail
Black BG
1.2Fail
1.3Fail
7.6AAA
10.7AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C12
29291E
8B8C89
BDBD91
D5D5B6

Deuteranopia

1E1F12
2B2D1E
89858B
BEBE95
D5D5B8

Tritanopia

251212
351D1C
799092
BF9C9E
D6BDBF

Achromatopsia

171717
222222
949494
B6B6B6
D0D0D0

Shades & Tints Shades & Tints

#261013

Dark
Light

#361820

Dark
Light

#77A680

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261013;
  --color-2: #361820;
  --color-3: #77a680;
  --color-4: #bfbb84;
  --color-5: #d6d4ac;
}

SCSS

$color-1: #261013;
$color-2: #361820;
$color-3: #77a680;
$color-4: #bfbb84;
$color-5: #d6d4ac;

TAILWIND

colors: {
  'brand-1': '#261013',
  'brand-2': '#361820',
  'brand-3': '#77a680',
  'brand-4': '#bfbb84',
  'brand-5': '#d6d4ac',
}

RGB Array

[38, 16, 19], [54, 24, 32], [119, 166, 128], [191, 187, 132], [214, 212, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #261013, #361820, #77A680, #BFBB84, #D6D4AC is ideal for: 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: #261013; --color-2: #361820; --color-3: #77a680; --color-4: #bfbb84; --color-5: #d6d4ac. 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. 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