← Back to Editor

#2C2C42 · #6B868F · #B8D1CC · #EBE5D1 · #FC9990

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

#2C2C42

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#2C2C42
RGB
rgb(44, 44, 66)
HSL
hsl(240, 20%, 22%)
HSB
hsb(240, 33%, 26%)
CMYK
cmyk(33%, 33%, 0%, 74%)
Oklch
oklch(30.3% 0.039 283.8)

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

#6B868F

Slate Blue · SlateGray · Mint Ice

HEX
#6B868F
RGB
rgb(107, 134, 143)
HSL
hsl(195, 14%, 49%)
HSB
hsb(195, 25%, 56%)
CMYK
cmyk(25%, 6%, 0%, 44%)
Oklch
oklch(60.2% 0.034 220.1)

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

#B8D1CC

Jade · Silver · Glacier Blue

HEX
#B8D1CC
RGB
rgb(184, 209, 204)
HSL
hsl(168, 21%, 77%)
HSB
hsb(168, 12%, 82%)
CMYK
cmyk(12%, 0%, 2%, 18%)
Oklch
oklch(84.1% 0.028 182.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EBE5D1

Goose Yellow · Beige · Lemon Cream

HEX
#EBE5D1
RGB
rgb(235, 229, 209)
HSL
hsl(46, 39%, 87%)
HSB
hsb(46, 11%, 92%)
CMYK
cmyk(0%, 3%, 11%, 8%)
Oklch
oklch(92.1% 0.027 93.1)

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

#FC9990

Peach Pink · LightSalmon · Coral Red

HEX
#FC9990
RGB
rgb(252, 153, 144)
HSL
hsl(5, 95%, 78%)
HSB
hsb(5, 43%, 99%)
CMYK
cmyk(0%, 39%, 43%, 1%)
Oklch
oklch(78.3% 0.120 25.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C2C42
43432D

Analogous

2D3843
2C2C42
382D43

Triadic

2C2C42
432D2D
2D432D

Split-Comp.

2C2C42
43382D
38432D

Tetradic

2C2C42
432D38
43432D
2D4338

Contrast Matrix WCAG 2.1 Contrast

2C2C42
6B868F
B8D1CC
EBE5D1
FC9990
—
3.5
AA Large
8.4
AAA
10.8
AAA
6.5
AA
3.5
AA Large
—
2.4
Fail
3.1
AA Large
1.9
Fail
8.4
AAA
2.4
Fail
—
1.3
Fail
1.3
Fail
10.8
AAA
3.1
AA Large
1.3
Fail
—
1.6
Fail
6.5
AA
1.9
Fail
1.3
Fail
1.6
Fail
—
White BG
13.6AAA
3.9AA Large
1.6Fail
1.3Fail
2.1Fail
Black BG
1.5Fail
5.4AA
13.0AAA
16.7AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C3D
77778D
C3C3CD
E8E8D6
D1D092

Deuteranopia

2C2C3B
75738C
C1BFCD
E9E9D7
D7DE93

Tritanopia

2C3838
6C8B8B
B9CECE
EBDADB
F79494

Achromatopsia

2F2F2F
7F7F7F
C9C9C9
E5E5E5
B6B6B6

Shades & Tints Shades & Tints

#2C2C42

Dark
Light

#6B868F

Dark
Light

#B8D1CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c2c42;
  --color-2: #6b868f;
  --color-3: #b8d1cc;
  --color-4: #ebe5d1;
  --color-5: #fc9990;
}

SCSS

$color-1: #2c2c42;
$color-2: #6b868f;
$color-3: #b8d1cc;
$color-4: #ebe5d1;
$color-5: #fc9990;

TAILWIND

colors: {
  'brand-1': '#2c2c42',
  'brand-2': '#6b868f',
  'brand-3': '#b8d1cc',
  'brand-4': '#ebe5d1',
  'brand-5': '#fc9990',
}

RGB Array

[44, 44, 66], [107, 134, 143], [184, 209, 204], [235, 229, 209], [252, 153, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #2C2C42, #6B868F, #B8D1CC, #EBE5D1, #FC9990 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: #2c2c42; --color-2: #6b868f; --color-3: #b8d1cc; --color-4: #ebe5d1; --color-5: #fc9990. 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