Default Color Palette

The Default Color Palette provides a comprehensive set of colors designed to ensure consistency and flexibility in your application. Each color category includes multiple shades, enabling usage across various UI elements like backgrounds, borders, and text.

Below, you can find the detailed visualization of the color palette organized by categories:

Color Palette

Primary

50

#F2F8FD

100

#E4EFFA

200

#C3DFF4

300

#8EC6EB

400

#51A8DF

500

#2B8ECC

600

#1C70AC

700

#185A8C

800

#184D74

900

#194161

950

#112940

Secondary

50

#F2F2FB

100

#D5D3F2

200

#BBB7EA

300

#A69ADF

400

#9481D3

500

#8567C4

600

#7054A9

700

#5D488B

800

#4D3F70

900

#2E2541

950

#261D38

Tertiary

50

#FDF4EF

100

#FAE5DA

200

#F5C8B3

300

#FFAF8C

400

#F58562

500

#EF6745

600

#E05431

700

#AE2B20

800

#8B2621

900

#70221E

950

#3C0E0E

Danger

50

#fef2f2

100

#fee6e5

200

#fccfcf

300

#f9a8a8

400

#f57779

500

#ec474f

600

#dc3545

700

#b7192c

800

#99182c

900

#83182c

950

#490812

Success

50

#ebfef6

100

#cefde8

200

#a2f8d6

300

#66efc2

400

#20c997

500

#05c492

600

#009f77

700

#007f63

800

#00654f

900

#015343

950

#002f26

Warning

50

#ffffea

100

#fffbc5

200

#fff885

300

#ffee46

400

#ffdf1b

500

#ffc107

600

#e29400

700

#bb6902

800

#985108

900

#7c420b

950

#482200

Info

50

#ecfdff

100

#cef9ff

200

#a3f2fe

300

#64e6fc

400

#0dcaf0

500

#01b1d9

600

#048db6

700

#0b7193

800

#135b77

900

#144c65

950

#073245