← Back to Editor

#35242D · #1F161B · #87C9B3 · #5C5E5E · #3D0909

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

#35242D

Rose Purple · DarkSlateGray · Raspberry

HEX
#35242D
RGB
rgb(53, 36, 45)
HSL
hsl(328, 19%, 17%)
HSB
hsb(328, 32%, 21%)
CMYK
cmyk(0%, 32%, 15%, 79%)
Oklch
oklch(28.4% 0.030 346.1)

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

#1F161B

Rose Purple · Black · Raspberry

HEX
#1F161B
RGB
rgb(31, 22, 27)
HSL
hsl(327, 17%, 10%)
HSB
hsb(327, 29%, 12%)
CMYK
cmyk(0%, 29%, 13%, 88%)
Oklch
oklch(21.4% 0.017 344.2)

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

#87C9B3

Jade · MediumAquaMarine · Lake Green

HEX
#87C9B3
RGB
rgb(135, 201, 179)
HSL
hsl(160, 38%, 66%)
HSB
hsb(160, 33%, 79%)
CMYK
cmyk(33%, 0%, 11%, 21%)
Oklch
oklch(78.5% 0.074 171.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#5C5E5E

Ink Gray · DimGray · Charcoal

HEX
#5C5E5E
RGB
rgb(92, 94, 94)
HSL
hsl(180, 1%, 36%)
HSB
hsb(180, 2%, 37%)
CMYK
cmyk(2%, 0%, 0%, 63%)
Oklch
oklch(48.0% 0.003 197.1)

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

#3D0909

Vermilion · Black · Deep Berry

HEX
#3D0909
RGB
rgb(61, 9, 9)
HSL
hsl(0, 74%, 14%)
HSB
hsb(0, 85%, 24%)
CMYK
cmyk(0%, 85%, 85%, 76%)
Oklch
oklch(23.9% 0.080 25.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35242D
23342B

Analogous

332334
35242D
342324

Triadic

35242D
2C3423
232C34

Split-Comp.

35242D
243423
233433

Tetradic

35242D
343323
23342B
232434

Contrast Matrix WCAG 2.1 Contrast

35242D
1F161B
87C9B3
5C5E5E
3D0909
—
1.2
Fail
7.7
AAA
2.2
Fail
1.2
Fail
1.2
Fail
—
9.3
AAA
2.7
Fail
1.0
Fail
7.7
AAA
9.3
AAA
—
3.4
AA Large
8.9
AAA
2.2
Fail
2.7
Fail
3.4
AA Large
—
2.6
Fail
1.2
Fail
1.0
Fail
8.9
AAA
2.6
Fail
—
White BG
14.6AAA
17.7AAA
1.9Fail
6.5AA
16.9AAA
Black BG
1.4Fail
1.2Fail
11.0AAA
3.2AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2D2B
1B1B1A
A4A4B8
5D5D5E
262609

Deuteranopia

2F302A
1C1C1A
A09BBA
5D5D5E
2A2D09

Tritanopia

342929
1F1919
8ABDBD
5C5E5E
3A0909

Achromatopsia

2A2A2A
191919
B3B3B3
5D5D5D
191919

Shades & Tints Shades & Tints

#35242D

Dark
Light

#1F161B

Dark
Light

#87C9B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35242d;
  --color-2: #1f161b;
  --color-3: #87c9b3;
  --color-4: #5c5e5e;
  --color-5: #3d0909;
}

SCSS

$color-1: #35242d;
$color-2: #1f161b;
$color-3: #87c9b3;
$color-4: #5c5e5e;
$color-5: #3d0909;

TAILWIND

colors: {
  'brand-1': '#35242d',
  'brand-2': '#1f161b',
  'brand-3': '#87c9b3',
  'brand-4': '#5c5e5e',
  'brand-5': '#3d0909',
}

RGB Array

[53, 36, 45], [31, 22, 27], [135, 201, 179], [92, 94, 94], [61, 9, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #35242D, #1F161B, #87C9B3, #5C5E5E, #3D0909 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: #35242d; --color-2: #1f161b; --color-3: #87c9b3; --color-4: #5c5e5e; --color-5: #3d0909. 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