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.

π•Šπ• π•¦π• 𝕠𝕗 π”»π•–π•–π•Ÿ
#223B72 on #67E6FF
π•Šπ• π•¦π• 𝕠𝕗 π”»π•–π•–π•Ÿ
#064D79 on #67E6FF
π•Šπ• π•¦π• 𝕠𝕗 π”»π•–π•–π•Ÿ
#223B72 on #FFFFFF
π•Šπ• π•¦π• 𝕠𝕗 π”»π•–π•–π•Ÿ
#064D79 on #FFFFFF
π•Šπ• π•¦π• 𝕠𝕗 π”»π•–π•–π•Ÿ
#686D9E on #FFFFFF

Color proportions

How much of each color to use across your designs.

  • #686D9E60%
  • #064D7921%
  • #67E6FF11%
  • #FFFFFF5%
  • #223B723%