Colors

Official color palette to keep Hovis visually consistent. Click a color to copy its HEX code.

Color pairings

Brand color combinations that keep text easy to read.

๐‘จ๐’–๐’•๐’‰๐’†๐’๐’•๐’Š๐’„ ๐‘ญ๐’Š๐’๐’‚๐’๐’„๐’Š๐’‚๐’ ๐‘ฎ๐’“๐’๐’–๐’‘ ๐‘จ๐’๐’-๐’“๐’๐’–๐’๐’…
#000000 on #FAFDFF
๐‘จ๐’–๐’•๐’‰๐’†๐’๐’•๐’Š๐’„ ๐‘ญ๐’Š๐’๐’‚๐’๐’„๐’Š๐’‚๐’ ๐‘ฎ๐’“๐’๐’–๐’‘ ๐‘จ๐’๐’-๐’“๐’๐’–๐’๐’…
#000000 on #AAAAAA
๐‘จ๐’–๐’•๐’‰๐’†๐’๐’•๐’Š๐’„ ๐‘ญ๐’Š๐’๐’‚๐’๐’„๐’Š๐’‚๐’ ๐‘ฎ๐’“๐’๐’–๐’‘ ๐‘จ๐’๐’-๐’“๐’๐’–๐’๐’…
#000000 on #B9B2BA
๐‘จ๐’–๐’•๐’‰๐’†๐’๐’•๐’Š๐’„ ๐‘ญ๐’Š๐’๐’‚๐’๐’„๐’Š๐’‚๐’ ๐‘ฎ๐’“๐’๐’–๐’‘ ๐‘จ๐’๐’-๐’“๐’๐’–๐’๐’…
#000000 on #538CE3

Color proportions

How much of each color to use across your designs.

  • #FAFDFF60%
  • #AAAAAA21%
  • #00000011%
  • #B9B2BA5%
  • #538CE33%