Shades & Tints

This color palette comprises primary and accent colors. The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS. The 100 colors are the primary colors and the other colors are accents colors.

Filter

  • Mid Grey BASE
  • hsl(0,0%,95%)
  • hsl(0,0%,90%)
  • hsl(0,0%,80%)
  • hsl(0,0%,60%)
  • hsl(0,0%,55%)
  • hsl(0,0%,50%)
  • hsl(0,0%,40%)
  • hsl(0,0%,30%)
  • hsl(0,0%,20%)
  • hsl(0,0%,10%)
  • Green BASE
  • hsl(141, 52%, 94%)
  • hsl(144, 50%, 73%)
  • hsl(144, 50%, 60%)
  • hsl(144, 57%, 47%)
  • hsl(144, 75%, 40%)
  • hsl(144, 100%, 33%)
  • hsl(144, 100%, 27%)
  • hsl(144, 100%, 20%)
  • hsl(144, 100%, 13%)
  • hsl(145, 100%, 7%)
  • Gold BASE
  • hsl(48, 24%, 96%)
  • hsl(49, 26%, 83%, 1)
  • hsl(53, 25%, 75%, 1)
  • hsl(52, 25%, 66%, 1)
  • hsl(51, 25%, 62%, 1)
  • hsl(51, 25%, 58%, 1)
  • hsl(52, 18%, 46%, 1)
  • hsl(53, 18%, 35%, 1)
  • hsl(49, 19%, 23%)
  • hsl(49, 19%, 12%)
  • Orange BASE
  • hsl(31, 100%, 95)
  • hsl(32, 100%, 80)
  • hsl(32, 100%, 70)
  • hsl(32, 100%, 60)
  • hsl(32, 100%, 55)
  • hsl(32, 100%, 50)
  • hsl(32, 100%, 40)
  • hsl(32, 100%, 30)
  • hsl(32, 100%, 20)
  • hsl(32, 100%, 10)
  • Black $base-black
  • White $base-white