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 #FFDFAA
πˆπ‘π€ππˆ π’πŽπ‚πˆπ„π“π˜
#50115F on #FFDFAA
πˆπ‘π€ππˆ π’πŽπ‚πˆπ„π“π˜
#000000 on #FF707A
πˆπ‘π€ππˆ π’πŽπ‚πˆπ„π“π˜
#50115F on #FF707A

Color proportions

How much of each color to use across your designs.

  • #FFDFAA60%
  • #50115F23%
  • #FF707A11%
  • #0000006%