Sign Up Sign Up
GunMetal 12

GunMetal 12

12-color palette · Cool · Mixed · Triadic harmony

Back to Library

GunMetal 12

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

Modify
Muted 12 colors Cool Mixed Triadic space neon light metal
Likes 52
Colors 12

CSS variables

:root {
  --c-muted-1: #141127;
  --c-muted-2: #2B2F47;
  --c-muted-3: #3E4761;
  --c-muted-4: #596B87;
  --c-muted-5: #7691B0;
  --c-muted-6: #8CAECF;
  --c-muted-7: #2A3D29;
  --c-muted-8: #3A5F2A;
  --c-muted-9: #47792B;
  --c-muted-10: #518D2C;
  --c-muted-11: #62B12C;
  --c-muted-12: #72CF30;
}

About this palette

This 12-color muted palette runs from Bitter Dandelion (#72CF30) as its lightest tone to Corbeau (#141127) as its darkest. It blends Corbeau, Midnight Masquerade, Anthracite Blue, Aurora Borealis, Wink, Ocean Bubble, Aimiru Brown, Deep Into the Wood, Master Chief, Fresh Onion, Yule Tree and Bitter Dandelion into a single set you can drop straight into a UI. Of its 66 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #141127 on #72CF30 at 9.38:1.

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

Color breakdown

Corbeau #141127
RGB
rgb(20, 17, 39)
HSL
hsl(248, 39%, 11%)
Luminance
0.007
Midnight Masquerade #2B2F47
RGB
rgb(43, 47, 71)
HSL
hsl(231, 25%, 22%)
Luminance
0.030
Anthracite Blue #3E4761
RGB
rgb(62, 71, 97)
HSL
hsl(225, 22%, 31%)
Luminance
0.064
Aurora Borealis #596B87
RGB
rgb(89, 107, 135)
HSL
hsl(217, 21%, 44%)
Luminance
0.144
Wink #7691B0
RGB
rgb(118, 145, 176)
HSL
hsl(212, 27%, 58%)
Luminance
0.272
Ocean Bubble #8CAECF
RGB
rgb(140, 174, 207)
HSL
hsl(210, 41%, 68%)
Luminance
0.404
Aimiru Brown #2A3D29
RGB
rgb(42, 61, 41)
HSL
hsl(117, 20%, 20%)
Luminance
0.040
Deep Into the Wood #3A5F2A
RGB
rgb(58, 95, 42)
HSL
hsl(102, 39%, 27%)
Luminance
0.093
Master Chief #47792B
RGB
rgb(71, 121, 43)
HSL
hsl(98, 48%, 32%)
Luminance
0.152
Fresh Onion #518D2C
RGB
rgb(81, 141, 44)
HSL
hsl(97, 52%, 36%)
Luminance
0.210
Yule Tree #62B12C
RGB
rgb(98, 177, 44)
HSL
hsl(96, 60%, 43%)
Luminance
0.342
Bitter Dandelion #72CF30
RGB
rgb(114, 207, 48)
HSL
hsl(95, 62%, 50%)
Luminance
0.484

Contrast & accessibility

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

Aa #141127 on #72CF30 9.38:1 AAA
Aa #141127 on #8CAECF 7.96:1 AAA
Aa #141127 on #62B12C 6.89:1 AA
Aa #2B2F47 on #72CF30 6.68:1 AA
Aa #2A3D29 on #72CF30 5.94:1 AA
Aa #2B2F47 on #8CAECF 5.67:1 AA
Aa #141127 on #7691B0 5.66:1 AA
Aa #8CAECF on #2A3D29 5.04:1 AA
Aa #2B2F47 on #62B12C 4.90:1 AA
Aa #3E4761 on #72CF30 4.69:1 AA
Aa #141127 on #518D2C 4.56:1 AA
Aa #2A3D29 on #62B12C 4.36:1 AA Large
Aa #2B2F47 on #7691B0 4.03:1 AA Large
Aa #3E4761 on #8CAECF 3.98:1 AA Large
Aa #3A5F2A on #72CF30 3.75:1 AA Large
Aa #7691B0 on #2A3D29 3.59:1 AA Large
Aa #141127 on #47792B 3.54:1 AA Large
Aa #3E4761 on #62B12C 3.44:1 AA Large
Aa #141127 on #596B87 3.40:1 AA Large
Aa #2B2F47 on #518D2C 3.25:1 AA Large
Aa #8CAECF on #3A5F2A 3.18:1 AA Large
Aa #2A3D29 on #518D2C 2.89:1 Fail
Aa #3E4761 on #7691B0 2.83:1 Fail
Aa #596B87 on #72CF30 2.76:1 Fail
Aa #3A5F2A on #62B12C 2.75:1 Fail
Aa #47792B on #72CF30 2.65:1 Fail
Aa #2B2F47 on #47792B 2.52:1 Fail
Aa #141127 on #3A5F2A 2.50:1 Fail
Aa #2B2F47 on #596B87 2.42:1 Fail
Aa #596B87 on #8CAECF 2.34:1 Fail
Aa #3E4761 on #518D2C 2.28:1 Fail
Aa #7691B0 on #3A5F2A 2.26:1 Fail
Aa #8CAECF on #47792B 2.25:1 Fail
Aa #2A3D29 on #47792B 2.25:1 Fail
Aa #596B87 on #2A3D29 2.16:1 Fail
Aa #518D2C on #72CF30 2.06:1 Fail
Aa #596B87 on #62B12C 2.02:1 Fail
Aa #141127 on #3E4761 2.00:1 Fail
Aa #47792B on #62B12C 1.94:1 Fail
Aa #3A5F2A on #518D2C 1.82:1 Fail
Aa #2B2F47 on #3A5F2A 1.78:1 Fail
Aa #3E4761 on #47792B 1.77:1 Fail
Aa #8CAECF on #518D2C 1.75:1 Fail
Aa #3E4761 on #596B87 1.70:1 Fail
Aa #596B87 on #7691B0 1.66:1 Fail
Aa #7691B0 on #72CF30 1.66:1 Fail
Aa #7691B0 on #47792B 1.60:1 Fail
Aa #2A3D29 on #3A5F2A 1.59:1 Fail
Aa #141127 on #2A3D29 1.58:1 Fail
Aa #518D2C on #62B12C 1.51:1 Fail
Aa #2B2F47 on #3E4761 1.42:1 Fail
Aa #3A5F2A on #47792B 1.42:1 Fail
Aa #7691B0 on #8CAECF 1.41:1 Fail
Aa #141127 on #2B2F47 1.40:1 Fail
Aa #596B87 on #3A5F2A 1.36:1 Fail
Aa #62B12C on #72CF30 1.36:1 Fail
Aa #596B87 on #518D2C 1.34:1 Fail
Aa #47792B on #518D2C 1.29:1 Fail
Aa #3E4761 on #2A3D29 1.27:1 Fail
Aa #3E4761 on #3A5F2A 1.25:1 Fail
Aa #7691B0 on #518D2C 1.24:1 Fail
Aa #7691B0 on #62B12C 1.22:1 Fail
Aa #8CAECF on #72CF30 1.18:1 Fail
Aa #8CAECF on #62B12C 1.16:1 Fail
Aa #2B2F47 on #2A3D29 1.12:1 Fail
Aa #596B87 on #47792B 1.04: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