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.

๐“‘๐“ป๐“ฎ๐”€๐“ฎ๐“ญ ๐“’๐“ธ๐“ท๐“ท๐“ฎ๐“ฌ๐“ฝ๐“ฒ๐“ธ๐“ท๐“ผ
#12277C on #FFF6EF
๐“‘๐“ป๐“ฎ๐”€๐“ฎ๐“ญ ๐“’๐“ธ๐“ท๐“ท๐“ฎ๐“ฌ๐“ฝ๐“ฒ๐“ธ๐“ท๐“ผ
#12277C on #A8B9FF
๐“‘๐“ป๐“ฎ๐”€๐“ฎ๐“ญ ๐“’๐“ธ๐“ท๐“ท๐“ฎ๐“ฌ๐“ฝ๐“ฒ๐“ธ๐“ท๐“ผ
#12277C on #D0DAFF

Color proportions

How much of each color to use across your designs.

  • #FFF6EF60%
  • #12277C23%
  • #A8B9FF11%
  • #D0DAFF6%