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.

๐‘๐ž๐ ๐‡๐ฎ๐ง๐ญ๐ž๐ซ
#302E2E on #E3E4E5
๐‘๐ž๐ ๐‡๐ฎ๐ง๐ญ๐ž๐ซ
#C52017 on #E3E4E5
๐‘๐ž๐ ๐‡๐ฎ๐ง๐ญ๐ž๐ซ
#302E2E on #E8C900
๐‘๐ž๐ ๐‡๐ฎ๐ง๐ญ๐ž๐ซ
#302E2E on #FFFFFF
๐‘๐ž๐ ๐‡๐ฎ๐ง๐ญ๐ž๐ซ
#C52017 on #FFFFFF

Color proportions

How much of each color to use across your designs.

  • #302E2E60%
  • #8C8C8C21%
  • #E3E4E510%
  • #E8C9005%
  • #C520173%
  • #FFFFFF1%