← Back to Editor

#5C4D44 · #CA7570 · #F1D282 · #EEEAE4 · #95BABB

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

#5C4D44

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5C4D44
RGB
rgb(92, 77, 68)
HSL
hsl(22, 15%, 31%)
HSB
hsb(22, 26%, 36%)
CMYK
cmyk(0%, 16%, 26%, 64%)
Oklch
oklch(43.3% 0.025 52.8)

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

#CA7570

Peach Pink · LightCoral · Coral Red

HEX
#CA7570
RGB
rgb(202, 117, 112)
HSL
hsl(3, 46%, 62%)
HSB
hsb(3, 45%, 79%)
CMYK
cmyk(0%, 42%, 45%, 21%)
Oklch
oklch(65.4% 0.108 24.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F1D282

Goose Yellow · Khaki · Sunflower

HEX
#F1D282
RGB
rgb(241, 210, 130)
HSL
hsl(43, 80%, 73%)
HSB
hsb(43, 46%, 95%)
CMYK
cmyk(0%, 13%, 46%, 5%)
Oklch
oklch(87.3% 0.105 89.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#EEEAE4

Goose Yellow · Linen · Peach Orange

HEX
#EEEAE4
RGB
rgb(238, 234, 228)
HSL
hsl(36, 23%, 91%)
HSB
hsb(36, 4%, 93%)
CMYK
cmyk(0%, 2%, 4%, 7%)
Oklch
oklch(93.8% 0.009 78.3)

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

#95BABB

Sky Blue · DarkGray · Lake Green

HEX
#95BABB
RGB
rgb(149, 186, 187)
HSL
hsl(182, 22%, 66%)
HSB
hsb(182, 20%, 73%)
CMYK
cmyk(20%, 1%, 0%, 27%)
Oklch
oklch(76.2% 0.040 198.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C4D44
43525B

Analogous

5B4346
5C4D44
5B5843

Triadic

5C4D44
435B4C
4C435B

Split-Comp.

5C4D44
435B58
43465B

Tetradic

5C4D44
465B43
43525B
58435B

Contrast Matrix WCAG 2.1 Contrast

5C4D44
CA7570
F1D282
EEEAE4
95BABB
—
2.4
Fail
5.5
AA
6.7
AA
3.9
AA Large
2.4
Fail
—
2.3
Fail
2.8
Fail
1.6
Fail
5.5
AA
2.3
Fail
—
1.2
Fail
1.4
Fail
6.7
AA
2.8
Fail
1.2
Fail
—
1.7
Fail
3.9
AA Large
1.6
Fail
1.4
Fail
1.7
Fail
—
White BG
8.1AAA
3.3AA Large
1.5Fail
1.2Fail
2.1Fail
Black BG
2.6Fail
6.3AA
14.3AAA
17.5AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565546
A5A471
E4E395
ECECE5
A5A5BB

Deuteranopia

565747
AAB072
E5E89A
EDEDE6
A3A0BB

Tritanopia

5B4848
C67272
EFA5A8
EEE7E7
97BBBB

Achromatopsia

505050
8E8E8E
D2D2D2
EBEBEB
AFAFAF

Shades & Tints Shades & Tints

#5C4D44

Dark
Light

#CA7570

Dark
Light

#F1D282

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c4d44;
  --color-2: #ca7570;
  --color-3: #f1d282;
  --color-4: #eeeae4;
  --color-5: #95babb;
}

SCSS

$color-1: #5c4d44;
$color-2: #ca7570;
$color-3: #f1d282;
$color-4: #eeeae4;
$color-5: #95babb;

TAILWIND

colors: {
  'brand-1': '#5c4d44',
  'brand-2': '#ca7570',
  'brand-3': '#f1d282',
  'brand-4': '#eeeae4',
  'brand-5': '#95babb',
}

RGB Array

[92, 77, 68], [202, 117, 112], [241, 210, 130], [238, 234, 228], [149, 186, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #5C4D44, #CA7570, #F1D282, #EEEAE4, #95BABB 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: #5c4d44; --color-2: #ca7570; --color-3: #f1d282; --color-4: #eeeae4; --color-5: #95babb. 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