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 #727578
π—”π—²π˜€π˜π—΅π—²π˜π—Άπ—°π—Ÿπ—Όπ—Όπ—Έ
#000000 on #EE108C

Color proportions

How much of each color to use across your designs.

  • #4F51B660%
  • #00000021%
  • #AB12C411%
  • #7275785%
  • #EE108C3%