Colors

Official color palette to keep ๐‘ฎ๐‘ต๐‘จ๐‘น๐‘ณ๐‘ฐ๐‘บ๐‘ป๐‘ฐ๐‘ช๐’๐’› visually consistent. Click a color to copy its HEX code.

Color pairings

Brand color combinations that keep text easy to read.

๐‘ฎ๐‘ต๐‘จ๐‘น๐‘ณ๐‘ฐ๐‘บ๐‘ป๐‘ฐ๐‘ช๐’๐’›
#000000 on #B2B2B2
๐‘ฎ๐‘ต๐‘จ๐‘น๐‘ณ๐‘ฐ๐‘บ๐‘ป๐‘ฐ๐‘ช๐’๐’›
#000000 on #FFFFFF
๐‘ฎ๐‘ต๐‘จ๐‘น๐‘ณ๐‘ฐ๐‘บ๐‘ป๐‘ฐ๐‘ช๐’๐’›
#646464 on #FFFFFF

Color proportions

How much of each color to use across your designs.

  • #00000060%
  • #B2B2B223%
  • #FFFFFF11%
  • #6464646%