Colors

To copy the value in hexadecimal format just click on one of the examples below.

Primary

  • Copied!
    700 #B5258E rgba(181, 37, 142, 1)
  • Copied!
    800 #A71680 rgba(167, 22, 128, 1)
  • Copied!
    900 #940E70 rgba(148, 14, 112, 1)

Secondary

  • Copied!
    700 #FF9900 rgba(255, 153, 0, 1)
  • Copied!
    800 #F18700 rgba(241, 135, 0, 1)
  • Copied!
    900 #E37F00 rgba(227, 127, 0, 1)

Alternative colors

  • Copied!
    700 #FF9900 rgba(255, 153, 0, 1)
  • Copied!
    800 #FBB900 rgba(251, 185, 0, 1)
  • Copied!
    900 #E37F00 rgba(227, 127, 0, 1)

Surface colors

  • Copied!
    50 #FAFAFA rgba(250, 250, 250, 1)
  • Copied!
    100 #F5F5F5 rgba(245, 245, 245, 1)
  • Copied!
    200 #EFEFEF rgba(239, 239, 239, 1)
  • Copied!
    300 #E1E1E1 rgba(225, 225, 225, 1)
  • Copied!
    400 #BEBEBE rgba(190, 190, 190, 1)
  • Copied!
    500 #9F9F9F rgba(159, 159, 159, 1)
  • Copied!
    600 #767676 rgba(118, 118, 118, 1)
  • Copied!
    700 #626262 rgba(98, 98, 98, 1)
  • Copied!
    800 #434343 rgba(67, 67, 67, 1)
  • Copied!
    900 #222222 rgba(34, 34, 34, 1)

Background colors

  • Copied!
    LightGrey #F6F6F6 rgba(246, 246, 246, 1)
  • Copied!
    White #FFFFFF rgba(255, 255, 255, 1)
  • Copied!
    LightBeige #FAF9F3 rgba(250, 249, 243, 1)