#9C1072 + #5F3A6C + #CBCF15 + #2AB4AB + #602F28 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9C1072

Rose Purple · DarkMagenta · Eggplant

HEX

#9C1072

RGB

rgb(156, 16, 114)

HSL

hsl(318, 81%, 34%)

HSB

hsb(318, 90%, 61%)

CMYK

cmyk(0%, 90%, 27%, 39%)

Oklch

oklch(46.8% 0.190 344.9)

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

#5F3A6C

Dark Plum · DarkSlateBlue · Eggplant

HEX

#5F3A6C

RGB

rgb(95, 58, 108)

HSL

hsl(284, 30%, 33%)

HSB

hsb(284, 46%, 42%)

CMYK

cmyk(12%, 46%, 0%, 58%)

Oklch

oklch(41.4% 0.092 316.9)

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

#CBCF15

Autumn Sage · GoldenRod · Honey Gold

HEX

#CBCF15

RGB

rgb(203, 207, 21)

HSL

hsl(61, 82%, 45%)

HSB

hsb(61, 90%, 81%)

CMYK

cmyk(2%, 0%, 90%, 19%)

Oklch

oklch(82.4% 0.178 111.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#2AB4AB

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#2AB4AB

RGB

rgb(42, 180, 171)

HSL

hsl(176, 62%, 44%)

HSB

hsb(176, 77%, 71%)

CMYK

cmyk(77%, 0%, 5%, 29%)

Oklch

oklch(69.8% 0.113 188.2)

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

#602F28

Crimson · DarkOliveGreen · Wine Red

HEX

#602F28

RGB

rgb(96, 47, 40)

HSL

hsl(8, 41%, 27%)

HSB

hsb(8, 58%, 38%)

CMYK

cmyk(0%, 51%, 58%, 62%)

Oklch

oklch(36.8% 0.073 29.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C1072

109D3B

Analogous

81109D

9C1072

9D102D

Triadic

9C1072

739D10

10739D

Split-Comp.

9C1072

2D9D10

109D81

Tetradic

9C1072

9D8110

109D3B

102D9D

Contrast Matrix WCAG 2.1 Contrast

9C1072	5F3A6C	CBCF15	2AB4AB	602F28
—	1.2 Fail	4.6 AA	3.0 AA Large	1.4 Fail
1.2 Fail	—	5.4 AA	3.6 AA Large	1.2 Fail
4.6 AA	5.4 AA	—	1.5 Fail	6.4 AA
3.0 AA Large	3.6 AA Large	1.5 Fail	—	4.2 AA Large
1.4 Fail	1.2 Fail	6.4 AA	4.2 AA Large	—

White BG

7.7AAA

9.1AAA

1.7Fail

2.6Fail

10.9AAA

Black BG

2.7Fail

2.3Fail

12.5AAA

8.2AAA

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5E5A

4F4F60

CDCD42

6667AD

4B4A2A

Deuteranopia

687255

51545D

CDCC4D

5E53AE

4E512A

Tritanopia

954843

5D5654

CB666D

31AFAF

5E2B2B

Achromatopsia

454545

4B4B4B

B9B9B9

8A8A8A

3D3D3D

Shades & Tints Shades & Tints

#9C1072

Dark

Light

#5F3A6C

Dark

Light

#CBCF15

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c1072;
  --color-2: #5f3a6c;
  --color-3: #cbcf15;
  --color-4: #2ab4ab;
  --color-5: #602f28;
}

SCSS

$color-1: #9c1072;
$color-2: #5f3a6c;
$color-3: #cbcf15;
$color-4: #2ab4ab;
$color-5: #602f28;

TAILWIND

colors: {
  'brand-1': '#9c1072',
  'brand-2': '#5f3a6c',
  'brand-3': '#cbcf15',
  'brand-4': '#2ab4ab',
  'brand-5': '#602f28',
}

RGB Array

[156, 16, 114], [95, 58, 108], [203, 207, 21], [42, 180, 171], [96, 47, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #9C1072, #5F3A6C, #CBCF15, #2AB4AB, #602F28 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: #9c1072; --color-2: #5f3a6c; --color-3: #cbcf15; --color-4: #2ab4ab; --color-5: #602f28. 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 muted-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