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 #F1FAEF
π’„π’‰π’Šπ’„ π’•π’‰π’“π’Šπ’‡π’•
#1D3557 on #F1FAEF
π’„π’‰π’Šπ’„ π’•π’‰π’“π’Šπ’‡π’•
#000000 on #E73947
π’„π’‰π’Šπ’„ π’•π’‰π’“π’Šπ’‡π’•
#000000 on #A9DADD
π’„π’‰π’Šπ’„ π’•π’‰π’“π’Šπ’‡π’•
#1D3557 on #A9DADD
π’„π’‰π’Šπ’„ π’•π’‰π’“π’Šπ’‡π’•
#000000 on #FFFEFE

Color proportions

How much of each color to use across your designs.

  • #F1FAEF60%
  • #E7394720%
  • #A9DADD10%
  • #1D35575%
  • #FFFEFE3%
  • #0000001%
  • #629B9E1%