Getting started!

Colors

Basic eight colors

The dashboard and other elements will be sync according to the base colour selected by the user.

Primary color

Success color

Info color

Warning color

Danger color

Secondary color

Light color

Dark color

Tones of basic colors

HEX : #413768

primary-darker

60%

HEX : #5B4D91

primary-dark

83.5%

HEX : #6D5CAE

primary

100%

HEX : #8A7DBE

primary-light

80%

HEX : #E2DEEF

primary-lighter

20%

HEX : #0A7C71

success-darker

60%

HEX : #0DAD9E

success-dark

83.5%

HEX : #10CFBD

success

100%

HEX : #40D9CA

success-light

80%

HEX : #CFF5F2

success-lighter

20%

HEX : #957D32

warning-darker

60%

HEX : #CFAE45

warning-dark

83.5%

HEX : #F8D053

warning

100%

HEX : #F9D975

warning-light

80%

HEX : #FEF6DD

warning-lighter

20%

HEX : #933432

danger-darker

60%

HEX : #CD4945

danger-dark

83.5%

HEX : #F55753

danger

100%

HEX : #F77975

danger-light

80%

HEX : #FDDDDD

danger-lighter

20%

HEX : #232B31

info-darker

60%

HEX : #313B44

info-dark

83.5%

HEX : #3B4752

info

100%

HEX : #626C75

info-light

80%

HEX : #D8DADC

info-lighter

20%

HEX : #232B31

secondary-darker

60%

HEX : #313B44

secondary-dark

83.5%

HEX : #3B4752

secondary

100%

HEX : #626C75

secondary-light

80%

HEX : #D8DADC

secondary-lighter

20%