← Back to Editor

#2C1F2C · #360C57 · #06A084 · #B0FCD3 · #B3E183

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2C1F2C

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2C1F2C
RGB
rgb(44, 31, 44)
HSL
hsl(300, 17%, 15%)
HSB
hsb(300, 30%, 17%)
CMYK
cmyk(0%, 30%, 0%, 83%)
Oklch
oklch(26.1% 0.030 326.4)

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

#360C57

Royal Purple · MidnightBlue · Dark Purple

HEX
#360C57
RGB
rgb(54, 12, 87)
HSL
hsl(274, 76%, 19%)
HSB
hsb(274, 86%, 34%)
CMYK
cmyk(38%, 86%, 0%, 66%)
Oklch
oklch(27.5% 0.124 304.5)

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

#06A084

Mineral Blue · Teal · Mint Ice

HEX
#06A084
RGB
rgb(6, 160, 132)
HSL
hsl(169, 93%, 33%)
HSB
hsb(169, 96%, 63%)
CMYK
cmyk(96%, 0%, 17%, 37%)
Oklch
oklch(63.0% 0.119 174.2)

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

#B0FCD3

Emerald · LightBlue · Mint Green

HEX
#B0FCD3
RGB
rgb(176, 252, 211)
HSL
hsl(148, 93%, 84%)
HSB
hsb(148, 30%, 99%)
CMYK
cmyk(30%, 0%, 16%, 1%)
Oklch
oklch(93.0% 0.094 160.3)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#B3E183

Willow Green · LightGreen · Apple Green

HEX
#B3E183
RGB
rgb(179, 225, 131)
HSL
hsl(89, 61%, 70%)
HSB
hsb(89, 42%, 88%)
CMYK
cmyk(20%, 0%, 42%, 12%)
Oklch
oklch(85.6% 0.131 130.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C1F2C
202D20

Analogous

26202D
2C1F2C
2D2026

Triadic

2C1F2C
2D2D20
202D2D

Split-Comp.

2C1F2C
262D20
202D26

Tetradic

2C1F2C
2D2620
202D20
20262D

Contrast Matrix WCAG 2.1 Contrast

2C1F2C
360C57
06A084
B0FCD3
B3E183
—
1.0
Fail
4.8
AA
13.2
AAA
10.5
AAA
1.0
Fail
—
4.7
AA
13.1
AAA
10.4
AAA
4.8
AA
4.7
AA
—
2.8
Fail
2.2
Fail
13.2
AAA
13.1
AAA
2.8
Fail
—
1.3
Fail
10.5
AAA
10.4
AAA
2.2
Fail
1.3
Fail
—
White BG
15.7AAA
15.6AAA
3.3AA Large
1.2Fail
1.5Fail
Black BG
1.3Fail
1.3Fail
6.4AA
17.7AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

262629
242345
494A8B
D1D2DD
C7C79A

Deuteranopia

272828
262941
40348C
CDC7DF
C4C19F

Tritanopia

2B2626
343733
0E9091
B4E5E6
B5ACB0

Achromatopsia

242424
212121
6F6F6F
E1E1E1
C9C9C9

Shades & Tints Shades & Tints

#2C1F2C

Dark
Light

#360C57

Dark
Light

#06A084

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c1f2c;
  --color-2: #360c57;
  --color-3: #06a084;
  --color-4: #b0fcd3;
  --color-5: #b3e183;
}

SCSS

$color-1: #2c1f2c;
$color-2: #360c57;
$color-3: #06a084;
$color-4: #b0fcd3;
$color-5: #b3e183;

TAILWIND

colors: {
  'brand-1': '#2c1f2c',
  'brand-2': '#360c57',
  'brand-3': '#06a084',
  'brand-4': '#b0fcd3',
  'brand-5': '#b3e183',
}

RGB Array

[44, 31, 44], [54, 12, 87], [6, 160, 132], [176, 252, 211], [179, 225, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #2C1F2C, #360C57, #06A084, #B0FCD3, #B3E183 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2c1f2c; --color-2: #360c57; --color-3: #06a084; --color-4: #b0fcd3; --color-5: #b3e183. 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 dark-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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