#1C1314 + #1C1922 + #072928 + #1A3E4A + #3D6571 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#1C1314

Crimson · Black · Deep Berry

HEX

#1C1314

RGB

rgb(28, 19, 20)

HSL

hsl(353, 19%, 9%)

HSB

hsb(353, 32%, 11%)

CMYK

cmyk(0%, 32%, 29%, 89%)

Oklch

oklch(19.9% 0.015 11.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#1C1922

Deep Indigo · Black · Dark Purple

HEX

#1C1922

RGB

rgb(28, 25, 34)

HSL

hsl(260, 15%, 12%)

HSB

hsb(260, 26%, 13%)

CMYK

cmyk(18%, 26%, 0%, 87%)

Oklch

oklch(22.1% 0.018 300.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#072928

Mineral Blue · Black · Peacock Green

HEX

#072928

RGB

rgb(7, 41, 40)

HSL

hsl(178, 71%, 9%)

HSB

hsb(178, 83%, 16%)

CMYK

cmyk(83%, 0%, 2%, 84%)

Oklch

oklch(25.7% 0.038 192.2)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#1A3E4A

Slate Blue · DarkSlateGray · Peacock Green

HEX

#1A3E4A

RGB

rgb(26, 62, 74)

HSL

hsl(195, 48%, 20%)

HSB

hsb(195, 65%, 29%)

CMYK

cmyk(65%, 16%, 0%, 71%)

Oklch

oklch(34.3% 0.046 222.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#3D6571

Slate Blue · DarkSlateGray · Mint Ice

HEX

#3D6571

RGB

rgb(61, 101, 113)

HSL

hsl(194, 30%, 34%)

HSB

hsb(194, 46%, 44%)

CMYK

cmyk(46%, 11%, 0%, 56%)

Oklch

oklch(48.2% 0.049 219.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1314

131B1A

Analogous

1B1318

1C1314

1B1613

Triadic

1C1314

141B13

13141B

Split-Comp.

1C1314

131B16

13181B

Tetradic

1C1314

181B13

131B1A

16131B

Contrast Matrix WCAG 2.1 Contrast

1C1314	1C1922	072928	1A3E4A	3D6571
—	1.1 Fail	1.2 Fail	1.6 Fail	2.9 Fail
1.1 Fail	—	1.1 Fail	1.5 Fail	2.7 Fail
1.2 Fail	1.1 Fail	—	1.4 Fail	2.4 Fail
1.6 Fail	1.5 Fail	1.4 Fail	—	1.8 Fail
2.9 Fail	2.7 Fail	2.4 Fail	1.8 Fail	—

White BG

18.2AAA

17.3AAA

15.5AAA

11.5AAA

6.4AA

Black BG

1.2Fail

1.4Fail

1.8Fail

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

181814

1B1B20

161628

2A2A47

4E4F6E

Deuteranopia

191914

1B1B1F

141128

282546

4C496D

Tritanopia

1C1414

1C1E1E

092828

1C4544

3F6C6B

Achromatopsia

161616

1B1B1B

1F1F1F

353535

5A5A5A

Shades & Tints Shades & Tints

#1C1314

Dark

Light

#1C1922

Dark

Light

#072928

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1314;
  --color-2: #1c1922;
  --color-3: #072928;
  --color-4: #1a3e4a;
  --color-5: #3d6571;
}

SCSS

$color-1: #1c1314;
$color-2: #1c1922;
$color-3: #072928;
$color-4: #1a3e4a;
$color-5: #3d6571;

TAILWIND

colors: {
  'brand-1': '#1c1314',
  'brand-2': '#1c1922',
  'brand-3': '#072928',
  'brand-4': '#1a3e4a',
  'brand-5': '#3d6571',
}

RGB Array

[28, 19, 20], [28, 25, 34], [7, 41, 40], [26, 62, 74], [61, 101, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #1C1314, #1C1922, #072928, #1A3E4A, #3D6571 is ideal for: tech websites, dark mode UIs, game UIs. 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: #1c1314; --color-2: #1c1922; --color-3: #072928; --color-4: #1a3e4a; --color-5: #3d6571. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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