← Back to Editor

#1C2137 · #483247 · #E8D5C4 · #655353 · #33272B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#1C2137

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1C2137
RGB
rgb(28, 33, 55)
HSL
hsl(229, 33%, 16%)
HSB
hsb(229, 49%, 22%)
CMYK
cmyk(49%, 40%, 0%, 78%)
Oklch
oklch(25.4% 0.042 273.3)

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

#483247

Rose Purple · DarkSlateGray · Eggplant

HEX
#483247
RGB
rgb(72, 50, 71)
HSL
hsl(303, 18%, 24%)
HSB
hsb(303, 31%, 28%)
CMYK
cmyk(0%, 31%, 1%, 72%)
Oklch
oklch(35.1% 0.046 328.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#E8D5C4

Apricot · Wheat · Peach Orange

HEX
#E8D5C4
RGB
rgb(232, 213, 196)
HSL
hsl(28, 44%, 84%)
HSB
hsb(28, 16%, 91%)
CMYK
cmyk(0%, 8%, 16%, 9%)
Oklch
oklch(88.4% 0.031 64.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#655353

Crimson · DimGray · Wine Red

HEX
#655353
RGB
rgb(101, 83, 83)
HSL
hsl(0, 10%, 36%)
HSB
hsb(0, 18%, 40%)
CMYK
cmyk(0%, 18%, 18%, 60%)
Oklch
oklch(46.0% 0.024 18.1)

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

#33272B

Dark Violet · DarkSlateGray · Raspberry

HEX
#33272B
RGB
rgb(51, 39, 43)
HSL
hsl(340, 13%, 18%)
HSB
hsb(340, 24%, 20%)
CMYK
cmyk(0%, 24%, 16%, 80%)
Oklch
oklch(28.8% 0.019 356.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C2137
36311B

Analogous

1B2E36
1C2137
241B36

Triadic

1C2137
361B20
20361B

Split-Comp.

1C2137
36241B
2E361B

Tetradic

1C2137
361B2E
36311B
1B3624

Contrast Matrix WCAG 2.1 Contrast

1C2137
483247
E8D5C4
655353
33272B
—
1.4
Fail
11.2
AAA
2.2
Fail
1.1
Fail
1.4
Fail
—
8.1
AAA
1.6
Fail
1.2
Fail
11.2
AAA
8.1
AAA
—
5.1
AA
10.1
AAA
2.2
Fail
1.6
Fail
5.1
AA
—
2.0
Fail
1.1
Fail
1.2
Fail
10.1
AAA
2.0
Fail
—
White BG
15.9AAA
11.5AAA
1.4Fail
7.2AAA
14.3AAA
Black BG
1.3Fail
1.8Fail
14.7AAA
2.9Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E32
3E3E42
E0E0C8
5D5D53
2E2E2A

Deuteranopia

1E1E30
404141
E1E2C9
5E6053
2F2F2A

Tritanopia

1C2D2D
473E3D
E7CBCC
645353
322929

Achromatopsia

222222
3B3B3B
D9D9D9
585858
2B2B2B

Shades & Tints Shades & Tints

#1C2137

Dark
Light

#483247

Dark
Light

#E8D5C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c2137;
  --color-2: #483247;
  --color-3: #e8d5c4;
  --color-4: #655353;
  --color-5: #33272b;
}

SCSS

$color-1: #1c2137;
$color-2: #483247;
$color-3: #e8d5c4;
$color-4: #655353;
$color-5: #33272b;

TAILWIND

colors: {
  'brand-1': '#1c2137',
  'brand-2': '#483247',
  'brand-3': '#e8d5c4',
  'brand-4': '#655353',
  'brand-5': '#33272b',
}

RGB Array

[28, 33, 55], [72, 50, 71], [232, 213, 196], [101, 83, 83], [51, 39, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C2137, #483247, #E8D5C4, #655353, #33272B is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1c2137; --color-2: #483247; --color-3: #e8d5c4; --color-4: #655353; --color-5: #33272b. 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. 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 general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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