Sign Up Sign Up
Sneaky 12

Sneaky 12

12-color palette · Cool · Mixed · Complementary harmony

Back to Library

Sneaky 12

12-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Muted 12 colors Cool Mixed Complementary limited rhythmheaven
Likes 15
Colors 12

CSS variables

:root {
  --c-muted-1: #160D1C;
  --c-muted-2: #312649;
  --c-muted-3: #504F74;
  --c-muted-4: #78859A;
  --c-muted-5: #B3D1D4;
  --c-muted-6: #CBD9D9;
  --c-muted-7: #F9F9E3;
  --c-muted-8: #F7E49B;
  --c-muted-9: #C79F72;
  --c-muted-10: #8E5E5E;
  --c-muted-11: #584545;
  --c-muted-12: #382B2B;
}

About this palette

This 12-color muted palette runs from Coconut Pulp (#F9F9E3) as its lightest tone to Shot in the Dark (#160D1C) as its darkest. It blends Shot in the Dark, Blackberry Black, Skipper Blue, Tempest, Hatchling Blue, Raffia Light Grey, Coconut Pulp, Storm Lightning, Gingersnap, Antique Garnet, Mahogany Spice and Ganache into a single set you can drop straight into a UI. Of its 66 color pairings, 25 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #160D1C on #F9F9E3 at 17.76:1.

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

Color breakdown

Shot in the Dark #160D1C
RGB
rgb(22, 13, 28)
HSL
hsl(276, 37%, 8%)
Luminance
0.005
Blackberry Black #312649
RGB
rgb(49, 38, 73)
HSL
hsl(259, 32%, 22%)
Luminance
0.025
Skipper Blue #504F74
RGB
rgb(80, 79, 116)
HSL
hsl(242, 19%, 38%)
Luminance
0.086
Tempest #78859A
RGB
rgb(120, 133, 154)
HSL
hsl(217, 14%, 54%)
Luminance
0.231
Hatchling Blue #B3D1D4
RGB
rgb(179, 209, 212)
HSL
hsl(185, 28%, 77%)
Luminance
0.599
Raffia Light Grey #CBD9D9
RGB
rgb(203, 217, 217)
HSL
hsl(180, 16%, 82%)
Luminance
0.673
Coconut Pulp #F9F9E3
RGB
rgb(249, 249, 227)
HSL
hsl(60, 65%, 93%)
Luminance
0.934
Storm Lightning #F7E49B
RGB
rgb(247, 228, 155)
HSL
hsl(48, 85%, 79%)
Luminance
0.776
Gingersnap #C79F72
RGB
rgb(199, 159, 114)
HSL
hsl(32, 43%, 61%)
Luminance
0.382
Antique Garnet #8E5E5E
RGB
rgb(142, 94, 94)
HSL
hsl(0, 20%, 46%)
Luminance
0.146
Mahogany Spice #584545
RGB
rgb(88, 69, 69)
HSL
hsl(0, 12%, 31%)
Luminance
0.068
Ganache #382B2B
RGB
rgb(56, 43, 43)
HSL
hsl(0, 13%, 19%)
Luminance
0.027

Contrast & accessibility

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

Aa #160D1C on #F9F9E3 17.76:1 AAA
Aa #160D1C on #F7E49B 14.91:1 AAA
Aa #312649 on #F9F9E3 13.09:1 AAA
Aa #160D1C on #CBD9D9 13.05:1 AAA
Aa #F9F9E3 on #382B2B 12.71:1 AAA
Aa #160D1C on #B3D1D4 11.72:1 AAA
Aa #312649 on #F7E49B 10.99:1 AAA
Aa #F7E49B on #382B2B 10.67:1 AAA
Aa #312649 on #CBD9D9 9.62:1 AAA
Aa #CBD9D9 on #382B2B 9.34:1 AAA
Aa #312649 on #B3D1D4 8.64:1 AAA
Aa #B3D1D4 on #382B2B 8.39:1 AAA
Aa #F9F9E3 on #584545 8.37:1 AAA
Aa #160D1C on #C79F72 7.79:1 AAA
Aa #504F74 on #F9F9E3 7.26:1 AAA
Aa #F7E49B on #584545 7.03:1 AAA
Aa #CBD9D9 on #584545 6.15:1 AA
Aa #504F74 on #F7E49B 6.09:1 AA
Aa #312649 on #C79F72 5.74:1 AA
Aa #C79F72 on #382B2B 5.57:1 AA
Aa #B3D1D4 on #584545 5.52:1 AA
Aa #504F74 on #CBD9D9 5.33:1 AA
Aa #160D1C on #78859A 5.07:1 AA
Aa #F9F9E3 on #8E5E5E 5.03:1 AA
Aa #504F74 on #B3D1D4 4.79:1 AA
Aa #F7E49B on #8E5E5E 4.22:1 AA Large
Aa #312649 on #78859A 3.74:1 AA Large
Aa #CBD9D9 on #8E5E5E 3.70:1 AA Large
Aa #C79F72 on #584545 3.67:1 AA Large
Aa #78859A on #382B2B 3.63:1 AA Large
Aa #160D1C on #8E5E5E 3.53:1 AA Large
Aa #78859A on #F9F9E3 3.50:1 AA Large
Aa #B3D1D4 on #8E5E5E 3.32:1 AA Large
Aa #504F74 on #C79F72 3.18:1 AA Large
Aa #78859A on #F7E49B 2.94:1 Fail
Aa #312649 on #8E5E5E 2.60:1 Fail
Aa #78859A on #CBD9D9 2.57:1 Fail
Aa #8E5E5E on #382B2B 2.53:1 Fail
Aa #160D1C on #504F74 2.45:1 Fail
Aa #78859A on #584545 2.39:1 Fail
Aa #78859A on #B3D1D4 2.31:1 Fail
Aa #F9F9E3 on #C79F72 2.28:1 Fail
Aa #C79F72 on #8E5E5E 2.21:1 Fail
Aa #160D1C on #584545 2.12:1 Fail
Aa #504F74 on #78859A 2.07:1 Fail
Aa #F7E49B on #C79F72 1.91:1 Fail
Aa #312649 on #504F74 1.80:1 Fail
Aa #504F74 on #382B2B 1.75:1 Fail
Aa #CBD9D9 on #C79F72 1.68:1 Fail
Aa #8E5E5E on #584545 1.66:1 Fail
Aa #312649 on #584545 1.56:1 Fail
Aa #78859A on #C79F72 1.54:1 Fail
Aa #B3D1D4 on #F9F9E3 1.52:1 Fail
Aa #584545 on #382B2B 1.52:1 Fail
Aa #B3D1D4 on #C79F72 1.50:1 Fail
Aa #504F74 on #8E5E5E 1.44:1 Fail
Aa #78859A on #8E5E5E 1.44:1 Fail
Aa #160D1C on #382B2B 1.40:1 Fail
Aa #160D1C on #312649 1.36:1 Fail
Aa #CBD9D9 on #F9F9E3 1.36:1 Fail
Aa #B3D1D4 on #F7E49B 1.27:1 Fail
Aa #F9F9E3 on #F7E49B 1.19:1 Fail
Aa #504F74 on #584545 1.15:1 Fail
Aa #CBD9D9 on #F7E49B 1.14:1 Fail
Aa #B3D1D4 on #CBD9D9 1.11:1 Fail
Aa #312649 on #382B2B 1.03:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors