← Back to Editor

#554548 · #956D61 · #BE775B · #D9BF86 · #0B2035

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

#554548

Crimson · DarkSlateGray · Wine Red

HEX
#554548
RGB
rgb(85, 69, 72)
HSL
hsl(349, 10%, 30%)
HSB
hsb(349, 19%, 33%)
CMYK
cmyk(0%, 19%, 15%, 67%)
Oklch
oklch(40.8% 0.022 5.5)

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

#956D61

Crimson · Gray · Passion Red

HEX
#956D61
RGB
rgb(149, 109, 97)
HSL
hsl(14, 21%, 48%)
HSB
hsb(14, 35%, 58%)
CMYK
cmyk(0%, 27%, 35%, 42%)
Oklch
oklch(57.2% 0.055 37.4)

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

#BE775B

Tangerine · DarkSalmon · Warm Sun

HEX
#BE775B
RGB
rgb(190, 119, 91)
HSL
hsl(17, 43%, 55%)
HSB
hsb(17, 52%, 75%)
CMYK
cmyk(0%, 37%, 52%, 25%)
Oklch
oklch(63.8% 0.098 42.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D9BF86

Ginger · BurlyWood · Sunflower

HEX
#D9BF86
RGB
rgb(217, 191, 134)
HSL
hsl(41, 52%, 69%)
HSB
hsb(41, 38%, 85%)
CMYK
cmyk(0%, 12%, 38%, 15%)
Oklch
oklch(81.4% 0.080 86.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#0B2035

Indigo · MidnightBlue · Deep Sea Blue

HEX
#0B2035
RGB
rgb(11, 32, 53)
HSL
hsl(210, 66%, 13%)
HSB
hsb(210, 79%, 21%)
CMYK
cmyk(79%, 40%, 0%, 79%)
Oklch
oklch(23.8% 0.049 250.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

554548
455451

Analogous

54454F
554548
544A45

Triadic

554548
485445
454854

Split-Comp.

554548
45544A
454F54

Tetradic

554548
4F5445
455451
4A4554

Contrast Matrix WCAG 2.1 Contrast

554548
956D61
BE775B
D9BF86
0B2035
—
2.0
Fail
2.6
Fail
5.0
AA
1.8
Fail
2.0
Fail
—
1.3
Fail
2.5
Fail
3.6
AA Large
2.6
Fail
1.3
Fail
—
2.0
Fail
4.7
AA
5.0
AA
2.5
Fail
2.0
Fail
—
9.2
AAA
1.8
Fail
3.6
AA Large
4.7
AA
9.2
AAA
—
White BG
9.0AAA
4.5AA
3.5AA Large
1.8Fail
16.5AAA
Black BG
2.3Fail
4.6AA
6.0AA
11.7AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E47
848364
9F9F62
CECE94
141430

Deuteranopia

4F5047
868965
A3A963
CFD197
13112F

Tritanopia

544747
936667
BA6768
D89FA1
0C2C2B

Achromatopsia

4A4A4A
787878
898989
C0C0C0
1C1C1C

Shades & Tints Shades & Tints

#554548

Dark
Light

#956D61

Dark
Light

#BE775B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #554548;
  --color-2: #956d61;
  --color-3: #be775b;
  --color-4: #d9bf86;
  --color-5: #0b2035;
}

SCSS

$color-1: #554548;
$color-2: #956d61;
$color-3: #be775b;
$color-4: #d9bf86;
$color-5: #0b2035;

TAILWIND

colors: {
  'brand-1': '#554548',
  'brand-2': '#956d61',
  'brand-3': '#be775b',
  'brand-4': '#d9bf86',
  'brand-5': '#0b2035',
}

RGB Array

[85, 69, 72], [149, 109, 97], [190, 119, 91], [217, 191, 134], [11, 32, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #554548, #956D61, #BE775B, #D9BF86, #0B2035 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: #554548; --color-2: #956d61; --color-3: #be775b; --color-4: #d9bf86; --color-5: #0b2035. 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