Sign Up Sign Up
Dark 18

Dark 18

4-color palette · Neutral · Dark · Complementary harmony

Back to Library

Dark 18

4-color palette · Neutral temperature · Dark tone · Complementary harmony

Modify
Muted 4 colors Neutral Dark Complementary dark 4 quad
Likes 8
Colors 4

CSS variables

:root {
  --c-muted-1: #000000;
  --c-muted-2: #501544;
  --c-muted-3: #241550;
  --c-muted-4: #205015;
}

About this palette

This 4-color muted palette runs from Patch of Land (#205015) as its lightest tone to Black (#000000) as its darkest. It blends Black, Violet Carmine, Praise of Shadow and Patch of Land 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
Violet Carmine #501544
RGB
rgb(80, 21, 68)
HSL
hsl(312, 58%, 20%)
Luminance
0.027
Praise of Shadow #241550
RGB
rgb(36, 21, 80)
HSL
hsl(255, 58%, 20%)
Luminance
0.015
Patch of Land #205015
RGB
rgb(32, 80, 21)
HSL
hsl(109, 58%, 20%)
Luminance
0.061

Contrast & accessibility

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

Aa #000000 on #205015 2.22:1 Fail
Aa #241550 on #205015 1.71:1 Fail
Aa #000000 on #501544 1.53:1 Fail
Aa #501544 on #205015 1.45:1 Fail
Aa #000000 on #241550 1.30:1 Fail
Aa #501544 on #241550 1.18:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors