Colors

Official color palette to keep Color Icon on Top Stacked Layout visually consistent. Click a color to copy its HEX code.

Color pairings

Brand color combinations that keep text easy to read.

Color Icon on Top Stacked Layout
#060302 on #F9F9F9
Color Icon on Top Stacked Layout
#0B0B0B on #F9F9F9
Color Icon on Top Stacked Layout
#CC4038 on #F9F9F9
Color Icon on Top Stacked Layout
#060302 on #E7E7E7
Color Icon on Top Stacked Layout
#0B0B0B on #E7E7E7
Color Icon on Top Stacked Layout
#060302 on #F7E7BC

Color proportions

How much of each color to use across your designs.

  • #F9F9F960%
  • #E7E7E720%
  • #0B0B0B10%
  • #0603025%
  • #F7E7BC3%
  • #CC40381%
  • #5B92681%