Sign Up Sign Up
Space Magic Cocaine Pyramid

Space Magic Cocaine Pyramid

9-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Space Magic Cocaine Pyramid

9-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Muted 9 colors Neutral Mixed Complementary green purple soft space
Likes 46
Colors 9

CSS variables

:root {
  --c-muted-1: #100A18;
  --c-muted-2: #311B50;
  --c-muted-3: #472970;
  --c-muted-4: #6D538F;
  --c-muted-5: #62CF85;
  --c-muted-6: #9CCF62;
  --c-muted-7: #A5F7B6;
  --c-muted-8: #924BEF;
  --c-muted-9: #A981DF;
}

About this palette

This 9-color muted palette runs from Light Seafoam Green (#A5F7B6) as its lightest tone to Midnight Oil (#100A18) as its darkest. It blends Midnight Oil, Russian Violet, Abra Purple, Pure Mauve, Spring Bouquet, Be Spontaneous, Light Seafoam Green, Pericallis Hybrida and Lavender Blossom into a single set you can drop straight into a UI. Of its 36 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #100A18 on #A5F7B6 at 15.37:1.

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

Color breakdown

Midnight Oil #100A18
RGB
rgb(16, 10, 24)
HSL
hsl(266, 41%, 7%)
Luminance
0.004
Russian Violet #311B50
RGB
rgb(49, 27, 80)
HSL
hsl(265, 50%, 21%)
Luminance
0.020
Abra Purple #472970
RGB
rgb(71, 41, 112)
HSL
hsl(265, 46%, 30%)
Luminance
0.041
Pure Mauve #6D538F
RGB
rgb(109, 83, 143)
HSL
hsl(266, 27%, 44%)
Luminance
0.114
Spring Bouquet #62CF85
RGB
rgb(98, 207, 133)
HSL
hsl(139, 53%, 60%)
Luminance
0.489
Be Spontaneous #9CCF62
RGB
rgb(156, 207, 98)
HSL
hsl(88, 53%, 60%)
Luminance
0.526
Light Seafoam Green #A5F7B6
RGB
rgb(165, 247, 182)
HSL
hsl(132, 84%, 81%)
Luminance
0.779
Pericallis Hybrida #924BEF
RGB
rgb(146, 75, 239)
HSL
hsl(266, 84%, 62%)
Luminance
0.174
Lavender Blossom #A981DF
RGB
rgb(169, 129, 223)
HSL
hsl(266, 59%, 69%)
Luminance
0.295

Contrast & accessibility

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

Aa #100A18 on #A5F7B6 15.37:1 AAA
Aa #311B50 on #A5F7B6 11.82:1 AAA
Aa #100A18 on #9CCF62 10.68:1 AAA
Aa #100A18 on #62CF85 10.00:1 AAA
Aa #472970 on #A5F7B6 9.11:1 AAA
Aa #311B50 on #9CCF62 8.21:1 AAA
Aa #311B50 on #62CF85 7.68:1 AAA
Aa #100A18 on #A981DF 6.39:1 AA
Aa #472970 on #9CCF62 6.33:1 AA
Aa #472970 on #62CF85 5.93:1 AA
Aa #6D538F on #A5F7B6 5.05:1 AA
Aa #311B50 on #A981DF 4.91:1 AA
Aa #100A18 on #924BEF 4.15:1 AA Large
Aa #472970 on #A981DF 3.79:1 AA Large
Aa #A5F7B6 on #924BEF 3.70:1 AA Large
Aa #6D538F on #9CCF62 3.51:1 AA Large
Aa #6D538F on #62CF85 3.28:1 AA Large
Aa #311B50 on #924BEF 3.19:1 AA Large
Aa #100A18 on #6D538F 3.04:1 AA Large
Aa #9CCF62 on #924BEF 2.57:1 Fail
Aa #472970 on #924BEF 2.46:1 Fail
Aa #62CF85 on #924BEF 2.41:1 Fail
Aa #A5F7B6 on #A981DF 2.41:1 Fail
Aa #311B50 on #6D538F 2.34:1 Fail
Aa #6D538F on #A981DF 2.10:1 Fail
Aa #472970 on #6D538F 1.81:1 Fail
Aa #100A18 on #472970 1.69:1 Fail
Aa #9CCF62 on #A981DF 1.67:1 Fail
Aa #62CF85 on #A981DF 1.56:1 Fail
Aa #62CF85 on #A5F7B6 1.54:1 Fail
Aa #924BEF on #A981DF 1.54:1 Fail
Aa #9CCF62 on #A5F7B6 1.44:1 Fail
Aa #6D538F on #924BEF 1.36:1 Fail
Aa #100A18 on #311B50 1.30:1 Fail
Aa #311B50 on #472970 1.30:1 Fail
Aa #62CF85 on #9CCF62 1.07:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors