← Back to Editor

#5E5F62 · #F17A82 · #BCAC98 · #C6EFB4 · #ECF6D3

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

#5E5F62

Ink Gray · DimGray · Charcoal

HEX
#5E5F62
RGB
rgb(94, 95, 98)
HSL
hsl(225, 2%, 38%)
HSB
hsb(225, 4%, 38%)
CMYK
cmyk(4%, 3%, 0%, 62%)
Oklch
oklch(48.6% 0.005 271.3)

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

#F17A82

Peach Pink · LightCoral · Coral Red

HEX
#F17A82
RGB
rgb(241, 122, 130)
HSL
hsl(356, 81%, 71%)
HSB
hsb(356, 49%, 95%)
CMYK
cmyk(0%, 49%, 46%, 5%)
Oklch
oklch(71.7% 0.146 17.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#BCAC98

Ginger · DarkGray · Warm Sun

HEX
#BCAC98
RGB
rgb(188, 172, 152)
HSL
hsl(33, 21%, 67%)
HSB
hsb(33, 19%, 74%)
CMYK
cmyk(0%, 9%, 19%, 26%)
Oklch
oklch(75.3% 0.033 73.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C6EFB4

Emerald · LightGray · Mint Green

HEX
#C6EFB4
RGB
rgb(198, 239, 180)
HSL
hsl(102, 65%, 82%)
HSB
hsb(102, 25%, 94%)
CMYK
cmyk(17%, 0%, 25%, 6%)
Oklch
oklch(90.8% 0.089 136.3)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#ECF6D3

Willow Green · Beige · Mint Green

HEX
#ECF6D3
RGB
rgb(236, 246, 211)
HSL
hsl(77, 66%, 90%)
HSB
hsb(77, 14%, 96%)
CMYK
cmyk(4%, 0%, 14%, 4%)
Oklch
oklch(95.7% 0.047 120.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E5F62
63625F

Analogous

5F6263
5E5F62
605F63

Triadic

5E5F62
635F60
60635F

Split-Comp.

5E5F62
63605F
62635F

Tetradic

5E5F62
635F62
63625F
5F6360

Contrast Matrix WCAG 2.1 Contrast

5E5F62
F17A82
BCAC98
C6EFB4
ECF6D3
—
2.4
Fail
2.9
Fail
5.0
AA
5.7
AA
2.4
Fail
—
1.2
Fail
2.1
Fail
2.4
Fail
2.9
Fail
1.2
Fail
—
1.7
Fail
2.0
Fail
5.0
AA
2.1
Fail
1.7
Fail
—
1.1
Fail
5.7
AA
2.4
Fail
2.0
Fail
1.1
Fail
—
White BG
6.4AA
2.7Fail
2.2Fail
1.3Fail
1.1Fail
Black BG
3.3AA Large
7.8AAA
9.5AAA
16.4AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E61
BDBC80
B5B59D
D8D8C2
F0F0DB

Deuteranopia

5E5E61
C4CD80
B6B79E
D5D2C6
F0EFDE

Tritanopia

5E6161
EB7F7E
BBA1A2
C8CED0
EDE2E4

Achromatopsia

5F5F5F
9E9E9E
AFAFAF
DCDCDC
EFEFEF

Shades & Tints Shades & Tints

#5E5F62

Dark
Light

#F17A82

Dark
Light

#BCAC98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e5f62;
  --color-2: #f17a82;
  --color-3: #bcac98;
  --color-4: #c6efb4;
  --color-5: #ecf6d3;
}

SCSS

$color-1: #5e5f62;
$color-2: #f17a82;
$color-3: #bcac98;
$color-4: #c6efb4;
$color-5: #ecf6d3;

TAILWIND

colors: {
  'brand-1': '#5e5f62',
  'brand-2': '#f17a82',
  'brand-3': '#bcac98',
  'brand-4': '#c6efb4',
  'brand-5': '#ecf6d3',
}

RGB Array

[94, 95, 98], [241, 122, 130], [188, 172, 152], [198, 239, 180], [236, 246, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #5E5F62, #F17A82, #BCAC98, #C6EFB4, #ECF6D3 is ideal for: health products, baby brands, fresh-style blogs, 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: #5e5f62; --color-2: #f17a82; --color-3: #bcac98; --color-4: #c6efb4; --color-5: #ecf6d3. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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