← Back to Editor

#1E162B · #352530 · #884557 · #978C86 · #B7B493

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

#1E162B

Deep Indigo · Black · Dark Purple

HEX
#1E162B
RGB
rgb(30, 22, 43)
HSL
hsl(263, 32%, 13%)
HSB
hsb(263, 49%, 17%)
CMYK
cmyk(30%, 49%, 0%, 83%)
Oklch
oklch(22.1% 0.041 300.6)

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

#352530

Rose Purple · DarkSlateGray · Dark Purple

HEX
#352530
RGB
rgb(53, 37, 48)
HSL
hsl(319, 18%, 18%)
HSB
hsb(319, 30%, 21%)
CMYK
cmyk(0%, 30%, 9%, 79%)
Oklch
oklch(28.8% 0.030 338.3)

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

#884557

Dark Violet · Sienna · Camellia

HEX
#884557
RGB
rgb(136, 69, 87)
HSL
hsl(344, 33%, 40%)
HSB
hsb(344, 49%, 53%)
CMYK
cmyk(0%, 49%, 36%, 47%)
Oklch
oklch(47.9% 0.093 4.1)

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

#978C86

Tangerine · Gray · Silver Sand

HEX
#978C86
RGB
rgb(151, 140, 134)
HSL
hsl(21, 8%, 56%)
HSB
hsb(21, 11%, 59%)
CMYK
cmyk(0%, 7%, 11%, 41%)
Oklch
oklch(64.8% 0.016 50.7)

Traditional「Tangerine」· Paint「Silver Sand」· Creative Urban Concrete

#B7B493

Fresh Green · Tan · Sunflower

HEX
#B7B493
RGB
rgb(183, 180, 147)
HSL
hsl(55, 20%, 65%)
HSB
hsb(55, 20%, 72%)
CMYK
cmyk(0%, 2%, 20%, 28%)
Oklch
oklch(76.4% 0.045 103.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E162B
242C17

Analogous

17192C
1E162B
29172C

Triadic

1E162B
2C1F17
172C1F

Split-Comp.

1E162B
2C2917
192C17

Tetradic

1E162B
2C1719
242C17
172C29

Contrast Matrix WCAG 2.1 Contrast

1E162B
352530
884557
978C86
B7B493
—
1.2
Fail
2.5
Fail
5.3
AA
8.3
AAA
1.2
Fail
—
2.1
Fail
4.4
AA Large
6.8
AA
2.5
Fail
2.1
Fail
—
2.1
Fail
3.3
AA Large
5.3
AA
4.4
AA Large
2.1
Fail
—
1.6
Fail
8.3
AAA
6.8
AA
3.3
AA Large
1.6
Fail
—
White BG
17.4AAA
14.4AAA
6.9AA
3.3AA Large
2.1Fail
Black BG
1.2Fail
1.5Fail
3.0AA Large
6.4AA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1A26
2E2E2D
6B6A53
929287
B6B69B

Deuteranopia

1B1C25
2F302D
6F7452
939488
B6B69D

Tritanopia

1E2221
342B2B
854F4E
968989
B7A1A3

Achromatopsia

1B1B1B
2B2B2B
5B5B5B
8F8F8F
B1B1B1

Shades & Tints Shades & Tints

#1E162B

Dark
Light

#352530

Dark
Light

#884557

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e162b;
  --color-2: #352530;
  --color-3: #884557;
  --color-4: #978c86;
  --color-5: #b7b493;
}

SCSS

$color-1: #1e162b;
$color-2: #352530;
$color-3: #884557;
$color-4: #978c86;
$color-5: #b7b493;

TAILWIND

colors: {
  'brand-1': '#1e162b',
  'brand-2': '#352530',
  'brand-3': '#884557',
  'brand-4': '#978c86',
  'brand-5': '#b7b493',
}

RGB Array

[30, 22, 43], [53, 37, 48], [136, 69, 87], [151, 140, 134], [183, 180, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E162B, #352530, #884557, #978C86, #B7B493 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: #1e162b; --color-2: #352530; --color-3: #884557; --color-4: #978c86; --color-5: #b7b493. 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