#584949 + #9B66C2 + #733390 + #67209F + #2C1A43 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#584949

Crimson · DarkSlateGray · Charcoal

HEX

#584949

RGB

rgb(88, 73, 73)

HSL

hsl(0, 9%, 32%)

HSB

hsb(0, 17%, 35%)

CMYK

cmyk(0%, 17%, 17%, 65%)

Oklch

oklch(42.1% 0.020 18.0)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#9B66C2

Dark Plum · MediumOrchid · Violet

HEX

#9B66C2

RGB

rgb(155, 102, 194)

HSL

hsl(275, 43%, 58%)

HSB

hsb(275, 47%, 76%)

CMYK

cmyk(20%, 47%, 0%, 24%)

Oklch

oklch(60.4% 0.145 309.3)

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

#733390

Dark Plum · DarkSlateBlue · Eggplant

HEX

#733390

RGB

rgb(115, 51, 144)

HSL

hsl(281, 48%, 38%)

HSB

hsb(281, 65%, 56%)

CMYK

cmyk(20%, 65%, 0%, 44%)

Oklch

oklch(45.0% 0.154 313.7)

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

#67209F

Royal Purple · DarkSlateBlue · Eggplant

HEX

#67209F

RGB

rgb(103, 32, 159)

HSL

hsl(274, 66%, 37%)

HSB

hsb(274, 80%, 62%)

CMYK

cmyk(35%, 80%, 0%, 38%)

Oklch

oklch(42.5% 0.190 304.6)

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

#2C1A43

Deep Indigo · MidnightBlue · Dark Purple

HEX

#2C1A43

RGB

rgb(44, 26, 67)

HSL

hsl(266, 44%, 18%)

HSB

hsb(266, 61%, 26%)

CMYK

cmyk(34%, 61%, 0%, 74%)

Oklch

oklch(26.4% 0.075 301.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

584949

4A5959

Analogous

594A52

584949

59524A

Triadic

584949

4A594A

4A4A59

Split-Comp.

584949

4A5952

4A5259

Tetradic

584949

52594A

4A5959

524A59

Contrast Matrix WCAG 2.1 Contrast

584949	9B66C2	733390	67209F	2C1A43
—	2.1 Fail	1.1 Fail	1.1 Fail	1.8 Fail
2.1 Fail	—	1.9 Fail	2.2 Fail	3.8 AA Large
1.1 Fail	1.9 Fail	—	1.1 Fail	2.0 Fail
1.1 Fail	2.2 Fail	1.1 Fail	—	1.7 Fail
1.8 Fail	3.8 AA Large	2.0 Fail	1.7 Fail	—

White BG

8.5AAA

4.1AA Large

8.1AAA

9.2AAA

15.7AAA

Black BG

2.5Fail

5.1AA

2.6Fail

2.3Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

525149

8484AC

575779

484880

242439

Deuteranopia

525449

878BA6

5B6074

4C5279

252737

Tritanopia

574949

989A96

706864

636863

2B3130

Achromatopsia

4D4D4D

808080

515151

444444

242424

Shades & Tints Shades & Tints

#584949

Dark

Light

#9B66C2

Dark

Light

#733390

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #584949;
  --color-2: #9b66c2;
  --color-3: #733390;
  --color-4: #67209f;
  --color-5: #2c1a43;
}

SCSS

$color-1: #584949;
$color-2: #9b66c2;
$color-3: #733390;
$color-4: #67209f;
$color-5: #2c1a43;

TAILWIND

colors: {
  'brand-1': '#584949',
  'brand-2': '#9b66c2',
  'brand-3': '#733390',
  'brand-4': '#67209f',
  'brand-5': '#2c1a43',
}

RGB Array

[88, 73, 73], [155, 102, 194], [115, 51, 144], [103, 32, 159], [44, 26, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #584949, #9B66C2, #733390, #67209F, #2C1A43 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #584949; --color-2: #9b66c2; --color-3: #733390; --color-4: #67209f; --color-5: #2c1a43. 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. 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 nature-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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