Design System

Colors

colors.twig

Variations

Primary colors
  • $periwinkle
  • .bg-periwinkle
  • .text-periwinkle
  • $orange
  • .bg-orange
  • .text-orange
Secondary colors
  • $yellow
  • .bg-yellow
  • .text-yellow
  • $gray
  • .bg-gray
  • .text-gray
  • $blue
  • .bg-blue
  • .text-blue
  • $beige
  • .bg-beige
  • .text-beige
Additional colors
  • $white
  • .bg-white
  • .text-white
  • $black
  • .bg-black
  • .text-black
  • $transparent
  • .bg-transparent