Primarypallet

Contextual colors

These colors are part of supported classes by Bootstrap framework. We changed the initial color to better fit in theadmin.

  • Primary#33cabb

  • Secondary#e4e7ea

  • Success#46be8a

  • Info#48b0f7

  • Warning#f2a654

  • Danger#f96868

Extra colors

These colors are brought by theadmin to give you more color options.

  • Purple#926dde

  • Pink#f96197

  • Cyan#57c7d4

  • Yellow#fdd501

  • Brown#8d6658

  • Dark#465161

Color names

Whenever we talk about color names, we reference above names.

Palepallet

Contextual colors

Pale version of above contextual colors. You can use these colors for background colors where you don't need change the text color. Default text color has enough contrast with these background colors.

  • Primary#dcfcfa

  • Secondary#f7fafc

  • Success#e3fcf2

  • Info#e3f3fc

  • Warning#fcf0e3

  • Danger#fce3e3

Extra colors

Pale version of above extra colors. You can use these colors for background colors where you don't need change the text color. Default text color has enough contrast with these background colors.

  • Purple#ece3fc

  • Pink#fce3ec

  • Cyan#e3fafc

  • Yellow#fcf8e3

  • Brown#eddcd5

  • Dark#c8c8c8

Pale-color names

Whenever we talk about pale-color names, we reference above names.

Textcolors

  • Title#33cabb

  • Text#e4e7ea

  • Text-light#46be8a

  • Text-secondary#48b0f7

  • Text-disabled#f2a654

Backgroundcolors

  • bg-light#f5f6f7

  • bg-lighter#f9fafb

  • bg-lightest#fcfdfe

  • bg-new#f3f9ff

  • bg-new-hover#ecf5fe

    Dividercolors

    These colors mostly used for border colors, horizontal or vertical lines as well as dividers.

    • Divider#ebebeb

    • Divider-light#f1f2f3