Styleguide

Colors

Available colors. Colors are organized by hue (color name) and lightness (number).

  • Grays

    • gray-50
      #F2F2F2
    • gray-100
      #E6E6E6
    • gray-150
      #D9D9D9
    • gray-200
      #CCCCCC
    • gray-300
      #B3B3B3
    • gray-400
      #999999
    • gray-500
      #808080
    • gray-550
      #737373
    • gray-600
      #666666
    • gray-700
      #4D4D4D
    • gray-800
      #333333
    • gray-850
      #262626
    • gray-900
      #1A1A1A
    • gray-950
      #0D0D0D
  • Blue Grays

    • blue-gray-25
      #F9FAFC
    • blue-gray-50
      #F5F6F9
    • blue-gray-100
      #E9ECF1
    • blue-gray-150
      #DEE1E8
    • blue-gray-200
      #CED3DE
    • blue-gray-300
      #A8AFBE
    • blue-gray-400
      #959DAC
    • blue-gray-500
      #737C8D
    • blue-gray-600
      #576175
    • blue-gray-700
      #414959
    • blue-gray-800
      #2B303B
    • blue-gray-900
      #15181F
  • Reds

    • red-200
      #F8E8ED
    • red-500
      #D34D4D
  • Greens

    • green-200
      #EBF9F6
    • green-500
      #37C8AB
  • Oranges

    • orange-200
      #FEF9EA
    • orange-500
      #EEB902