← Back to Editor

#443333 · #DDBB55 · #FFFFFF · #AABBBB · #AA4455

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

#443333

Crimson · DarkSlateGray · Wine Red

HEX
#443333
RGB
rgb(68, 51, 51)
HSL
hsl(0, 14%, 23%)
HSB
hsb(0, 25%, 27%)
CMYK
cmyk(0%, 25%, 25%, 73%)
Oklch
oklch(34.0% 0.025 18.4)

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

#DDBB55

Ginger · SandyBrown · Sunflower

HEX
#DDBB55
RGB
rgb(221, 187, 85)
HSL
hsl(45, 67%, 60%)
HSB
hsb(45, 62%, 87%)
CMYK
cmyk(0%, 15%, 62%, 13%)
Oklch
oklch(80.2% 0.126 90.8)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#AABBBB

Sky Blue · Silver · Lake Green

HEX
#AABBBB
RGB
rgb(170, 187, 187)
HSL
hsl(180, 11%, 70%)
HSB
hsb(180, 9%, 73%)
CMYK
cmyk(9%, 0%, 0%, 27%)
Oklch
oklch(77.9% 0.019 196.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#AA4455

Crimson · Sienna · Passion Red

HEX
#AA4455
RGB
rgb(170, 68, 85)
HSL
hsl(350, 43%, 47%)
HSB
hsb(350, 60%, 67%)
CMYK
cmyk(0%, 60%, 50%, 33%)
Oklch
oklch(52.8% 0.134 12.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

443333
324343

Analogous

43323B
443333
433B32

Triadic

443333
324332
323243

Split-Comp.

443333
32433B
323B43

Tetradic

443333
3B4332
324343
3B3243

Contrast Matrix WCAG 2.1 Contrast

443333
DDBB55
FFFFFF
AABBBB
AA4455
—
6.4
AA
11.9
AAA
6.0
AA
2.1
Fail
6.4
AA
—
1.9
Fail
1.1
Fail
3.1
AA Large
11.9
AAA
1.9
Fail
—
2.0
Fail
5.7
AA
6.0
AA
1.1
Fail
2.0
Fail
—
2.9
Fail
2.1
Fail
3.1
AA Large
5.7
AA
2.9
Fail
—
White BG
11.9AAA
1.9Fail
1.0Fail
2.0Fail
5.7AA
Black BG
1.8Fail
11.3AAA
21.0AAA
10.5AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3C33
CECE6E
FFFFFF
B1B2BB
7E7D51

Deuteranopia

3E3F33
D0D374
FFFFFF
B0AFBB
848B50

Tritanopia

433333
DB8185
FFFFFF
ABBBBB
A54E4D

Achromatopsia

383838
BABABA
FFFFFF
B6B6B6
646464

Shades & Tints Shades & Tints

#443333

Dark
Light

#DDBB55

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #443333;
  --color-2: #ddbb55;
  --color-3: #ffffff;
  --color-4: #aabbbb;
  --color-5: #aa4455;
}

SCSS

$color-1: #443333;
$color-2: #ddbb55;
$color-3: #ffffff;
$color-4: #aabbbb;
$color-5: #aa4455;

TAILWIND

colors: {
  'brand-1': '#443333',
  'brand-2': '#ddbb55',
  'brand-3': '#ffffff',
  'brand-4': '#aabbbb',
  'brand-5': '#aa4455',
}

RGB Array

[68, 51, 51], [221, 187, 85], [255, 255, 255], [170, 187, 187], [170, 68, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #443333, #DDBB55, #FFFFFF, #AABBBB, #AA4455 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: #443333; --color-2: #ddbb55; --color-3: #ffffff; --color-4: #aabbbb; --color-5: #aa4455. 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