← Back to Editor

#643D2D · #58595A · #D1F873 · #E2CDFF · #6B673A

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

#643D2D

Tangerine · DarkOliveGreen · Amber Brown

HEX
#643D2D
RGB
rgb(100, 61, 45)
HSL
hsl(17, 38%, 28%)
HSB
hsb(17, 55%, 39%)
CMYK
cmyk(0%, 39%, 55%, 61%)
Oklch
oklch(40.2% 0.061 43.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#58595A

Ink Gray · DimGray · Charcoal

HEX
#58595A
RGB
rgb(88, 89, 90)
HSL
hsl(210, 1%, 35%)
HSB
hsb(210, 2%, 35%)
CMYK
cmyk(2%, 1%, 0%, 65%)
Oklch
oklch(46.3% 0.002 247.9)

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

#D1F873

Willow Green · Khaki · Apple Green

HEX
#D1F873
RGB
rgb(209, 248, 115)
HSL
hsl(78, 90%, 71%)
HSB
hsb(78, 54%, 97%)
CMYK
cmyk(16%, 0%, 54%, 3%)
Oklch
oklch(92.5% 0.165 123.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E2CDFF

Wisteria · Lavender · Lavender

HEX
#E2CDFF
RGB
rgb(226, 205, 255)
HSL
hsl(265, 100%, 90%)
HSB
hsb(265, 20%, 100%)
CMYK
cmyk(11%, 20%, 0%, 0%)
Oklch
oklch(88.2% 0.071 304.1)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#6B673A

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6B673A
RGB
rgb(107, 103, 58)
HSL
hsl(55, 30%, 32%)
HSB
hsb(55, 46%, 42%)
CMYK
cmyk(0%, 4%, 46%, 58%)
Oklch
oklch(50.6% 0.064 104.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

643D2D
2C5363

Analogous

632C38
643D2D
63572C

Triadic

643D2D
2C633C
3C2C63

Split-Comp.

643D2D
2C6357
2C3863

Tetradic

643D2D
38632C
2C5363
572C63

Contrast Matrix WCAG 2.1 Contrast

643D2D
58595A
D1F873
E2CDFF
6B673A
—
1.3
Fail
7.7
AAA
6.4
AA
1.6
Fail
1.3
Fail
—
5.8
AA
4.8
AA
1.2
Fail
7.7
AAA
5.8
AA
—
1.2
Fail
4.8
AA
6.4
AA
4.8
AA
1.2
Fail
—
4.0
AA Large
1.6
Fail
1.2
Fail
4.8
AA
4.0
AA Large
—
White BG
9.3AAA
7.0AAA
1.2Fail
1.5Fail
5.8AA
Black BG
2.2Fail
3.0Fail
17.4AAA
14.4AAA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

535331
58585A
E2E293
D9D9F3
696945

Deuteranopia

555832
58585A
E0DD9B
DADCF0
6A6A48

Tritanopia

623435
585A5A
D3ADB2
E1E9E7
6B4D4F

Achromatopsia

474747
595959
DDDDDD
D9D9D9
636363

Shades & Tints Shades & Tints

#643D2D

Dark
Light

#58595A

Dark
Light

#D1F873

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #643d2d;
  --color-2: #58595a;
  --color-3: #d1f873;
  --color-4: #e2cdff;
  --color-5: #6b673a;
}

SCSS

$color-1: #643d2d;
$color-2: #58595a;
$color-3: #d1f873;
$color-4: #e2cdff;
$color-5: #6b673a;

TAILWIND

colors: {
  'brand-1': '#643d2d',
  'brand-2': '#58595a',
  'brand-3': '#d1f873',
  'brand-4': '#e2cdff',
  'brand-5': '#6b673a',
}

RGB Array

[100, 61, 45], [88, 89, 90], [209, 248, 115], [226, 205, 255], [107, 103, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #643D2D, #58595A, #D1F873, #E2CDFF, #6B673A 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: #643d2d; --color-2: #58595a; --color-3: #d1f873; --color-4: #e2cdff; --color-5: #6b673a. 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