← Back to Editor

#522F59 · #00001B · #2C2336 · #FAF3BC · #1D001D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#522F59

Dark Plum · DarkSlateGray · Eggplant

HEX
#522F59
RGB
rgb(82, 47, 89)
HSL
hsl(290, 31%, 27%)
HSB
hsb(290, 47%, 35%)
CMYK
cmyk(8%, 47%, 0%, 65%)
Oklch
oklch(36.7% 0.082 320.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#00001B

Deep Indigo · Black · Deep Sea Blue

HEX
#00001B
RGB
rgb(0, 0, 27)
HSL
hsl(240, 100%, 5%)
HSB
hsb(240, 100%, 11%)
CMYK
cmyk(100%, 100%, 0%, 89%)
Oklch
oklch(10.0% 0.070 264.1)

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

#2C2336

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#2C2336
RGB
rgb(44, 35, 54)
HSL
hsl(268, 21%, 17%)
HSB
hsb(268, 35%, 21%)
CMYK
cmyk(19%, 35%, 0%, 79%)
Oklch
oklch(27.5% 0.036 305.8)

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

#FAF3BC

Fresh Green · Bisque · Lemon Cream

HEX
#FAF3BC
RGB
rgb(250, 243, 188)
HSL
hsl(53, 86%, 86%)
HSB
hsb(53, 25%, 98%)
CMYK
cmyk(0%, 3%, 25%, 2%)
Oklch
oklch(95.6% 0.071 101.6)

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

#1D001D

Rose Purple · Black · Dark Purple

HEX
#1D001D
RGB
rgb(29, 0, 29)
HSL
hsl(300, 100%, 6%)
HSB
hsb(300, 100%, 11%)
CMYK
cmyk(0%, 100%, 0%, 89%)
Oklch
oklch(16.2% 0.074 328.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

522F59
375A30

Analogous

3E305A
522F59
5A304C

Triadic

522F59
5A5330
305A53

Split-Comp.

522F59
4C5A30
305A3E

Tetradic

522F59
5A3E30
375A30
304C5A

Contrast Matrix WCAG 2.1 Contrast

522F59
00001B
2C2336
FAF3BC
1D001D
—
1.9
Fail
1.4
Fail
9.7
AAA
1.8
Fail
1.9
Fail
—
1.4
Fail
18.3
AAA
1.1
Fail
1.4
Fail
1.4
Fail
—
13.3
AAA
1.3
Fail
9.7
AAA
18.3
AAA
13.3
AAA
—
17.4
AAA
1.8
Fail
1.1
Fail
1.3
Fail
17.4
AAA
—
White BG
11.0AAA
20.7AAA
15.0AAA
1.1Fail
19.6AAA
Black BG
1.9Fail
1.0Fail
1.4Fail
18.6AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

43434F
000014
282831
F7F7C9
101016

Deuteranopia

45484C
000013
292930
F7F8CD
121414

Tritanopia

504745
000F0E
2C2E2D
FAD4D6
1C100F

Achromatopsia

3E3E3E
030303
282828
EFEFEF
0C0C0C

Shades & Tints Shades & Tints

#522F59

Dark
Light

#00001B

Dark
Light

#2C2336

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #522f59;
  --color-2: #00001b;
  --color-3: #2c2336;
  --color-4: #faf3bc;
  --color-5: #1d001d;
}

SCSS

$color-1: #522f59;
$color-2: #00001b;
$color-3: #2c2336;
$color-4: #faf3bc;
$color-5: #1d001d;

TAILWIND

colors: {
  'brand-1': '#522f59',
  'brand-2': '#00001b',
  'brand-3': '#2c2336',
  'brand-4': '#faf3bc',
  'brand-5': '#1d001d',
}

RGB Array

[82, 47, 89], [0, 0, 27], [44, 35, 54], [250, 243, 188], [29, 0, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #522F59, #00001B, #2C2336, #FAF3BC, #1D001D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #522f59; --color-2: #00001b; --color-3: #2c2336; --color-4: #faf3bc; --color-5: #1d001d. 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 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