Home Color Palettes 4-Color Muted Palette

4-Color Muted Palette

4-color palette · Cool · Dark · Monochromatic harmony

Back to Library

4-Color Muted Palette

4-color palette · Cool temperature · Dark tone · Monochromatic harmony

Modify

Muted 4 colors Cool Dark Monochromatic

Likes 11,235

Colors 4

CSS variables

:root {
  --c-muted-1: #000000;
  --c-muted-2: #150050;
  --c-muted-3: #3F0071;
  --c-muted-4: #610094;
}

About this palette

This 4-color muted palette runs from dark purple (#610094) as its lightest tone to black (#000000) as its darkest. It blends black, deep indigo and dark purple into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminance: 0.000

Deep indigo #150050

RGB: rgb(21, 0, 80)
HSL: hsl(256, 100%, 16%)
Luminance: 0.007

Dark purple #3F0071

RGB: rgb(63, 0, 113)
HSL: hsl(273, 100%, 22%)
Luminance: 0.023

Dark purple #610094

RGB: rgb(97, 0, 148)
HSL: hsl(279, 100%, 29%)
Luminance: 0.047

Contrast & accessibility

0 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #000000 on #610094 1.94:1 Fail

Aa #150050 on #610094 1.69:1 Fail

Aa #000000 on #3F0071 1.45:1 Fail

Aa #3F0071 on #610094 1.34:1 Fail

Aa #150050 on #3F0071 1.26:1 Fail

Aa #000000 on #150050 1.15:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC

4 colors

#0A2647 #144272 #205295 #2C74B3

4 colors

#040D12 #183D3D #5C8374 #93B1A6

4 colors

#142850 #27496D #0C7B93 #00A8CC

4 colors

#635985 #443C68 #393053 #18122B

4 colors

#151515 #301B3F #3C415C #B4A5A5

4 colors

#041C32 #04293A #064663 #ECB365

4 colors

#261C2C #3E2C41 #5C527F #6E85B2

4 colors