Color palette

Comprise and show what colors are available for a component.

  1. Circular
  2. Stacked

Circular

By default, text color is white. You may need to change it based on your background-color and their contrast. You can use either classes or inline style to set background-colors.

  • #968eee
  • #5fd79a
  • #89c1e4
  • #fe6060
  • #f8f9fb

Stacked

Just changing a class name!

  • #0D47A1
  • #1565C0
  • #1976D2
  • #1E88E5
  • #2196F3
  • #42A5F5
  • #64B5F6
  • #90CAF9
  • #BBDEFB
  • #4A148C
  • #6A1B9A
  • #7B1FA2
  • #8E24AA
  • #9C27B0
  • #AB47BC
  • #BA68C8
  • #CE93D8
  • #E1BEE7

Bitnami