← Back to Editor

#295264 · #FAD9A6 · #BD2F28 · #89373D · #142433

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

#295264

Slate Blue · DarkSlateGray · Mint Ice

HEX
#295264
RGB
rgb(41, 82, 100)
HSL
hsl(198, 42%, 28%)
HSB
hsb(198, 59%, 39%)
CMYK
cmyk(59%, 18%, 0%, 61%)
Oklch
oklch(41.7% 0.055 228.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FAD9A6

Goose Yellow · Wheat · Peach Orange

HEX
#FAD9A6
RGB
rgb(250, 217, 166)
HSL
hsl(36, 89%, 82%)
HSB
hsb(36, 34%, 98%)
CMYK
cmyk(0%, 13%, 34%, 2%)
Oklch
oklch(90.1% 0.075 78.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#BD2F28

Vermilion · FireBrick · Passion Red

HEX
#BD2F28
RGB
rgb(189, 47, 40)
HSL
hsl(3, 65%, 45%)
HSB
hsb(3, 79%, 74%)
CMYK
cmyk(0%, 75%, 79%, 26%)
Oklch
oklch(52.8% 0.180 28.0)

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

#89373D

Crimson · Brown · Wine Red

HEX
#89373D
RGB
rgb(137, 55, 61)
HSL
hsl(356, 43%, 38%)
HSB
hsb(356, 60%, 54%)
CMYK
cmyk(0%, 60%, 55%, 46%)
Oklch
oklch(45.1% 0.112 18.4)

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

#142433

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#142433
RGB
rgb(20, 36, 51)
HSL
hsl(209, 44%, 14%)
HSB
hsb(209, 61%, 20%)
CMYK
cmyk(61%, 29%, 0%, 80%)
Oklch
oklch(25.4% 0.036 247.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

295264
653B29

Analogous

296559
295264
293565

Triadic

295264
652953
536529

Split-Comp.

295264
652935
655929

Tetradic

295264
592965
653B29
356529

Contrast Matrix WCAG 2.1 Contrast

295264
FAD9A6
BD2F28
89373D
142433
—
6.3
AA
1.4
Fail
1.1
Fail
1.9
Fail
6.3
AA
—
4.3
AA Large
5.8
AA
11.7
AAA
1.4
Fail
4.3
AA Large
—
1.3
Fail
2.7
Fail
1.1
Fail
5.8
AA
1.3
Fail
—
2.0
Fail
1.9
Fail
11.7
AAA
2.7
Fail
2.0
Fail
—
White BG
8.4AAA
1.4Fail
5.8AA
7.8AAA
15.8AAA
Black BG
2.5Fail
15.5AAA
3.6AA Large
2.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3B60
ECEBB2
807E2A
65653C
1B1B2F

Deuteranopia

38355F
EEF0B5
88922A
6A703B
1A192E

Tritanopia

2B5C5B
F8BCBE
B62B2B
853A3A
152D2C

Achromatopsia

484848
DDDDDD
595959
505050
212121

Shades & Tints Shades & Tints

#295264

Dark
Light

#FAD9A6

Dark
Light

#BD2F28

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #295264;
  --color-2: #fad9a6;
  --color-3: #bd2f28;
  --color-4: #89373d;
  --color-5: #142433;
}

SCSS

$color-1: #295264;
$color-2: #fad9a6;
$color-3: #bd2f28;
$color-4: #89373d;
$color-5: #142433;

TAILWIND

colors: {
  'brand-1': '#295264',
  'brand-2': '#fad9a6',
  'brand-3': '#bd2f28',
  'brand-4': '#89373d',
  'brand-5': '#142433',
}

RGB Array

[41, 82, 100], [250, 217, 166], [189, 47, 40], [137, 55, 61], [20, 36, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #295264, #FAD9A6, #BD2F28, #89373D, #142433 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: #295264; --color-2: #fad9a6; --color-3: #bd2f28; --color-4: #89373d; --color-5: #142433. 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