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 #D88133
π“–π“‘π“˜π“œ
#230B12 on #D88133
π“–π“‘π“˜π“œ
#241A11 on #D88133
π“–π“‘π“˜π“œ
#000000 on #807F64
π“–π“‘π“˜π“œ
#230B12 on #807F64

Color proportions

How much of each color to use across your designs.

  • #241A1160%
  • #46382920%
  • #632D1310%
  • #6F5A435%
  • #A53E163%
  • #D881331%
  • #230B121%
  • #807F640%
  • #57413F0%
  • #4843170%
  • #373B2C0%
  • #4C61340%
  • #0000000%
  • #7E4C370%