Colors

Core brand palettes used across indicators, badges, links, and layout alerts.

Primary #004276

Secondary #6c757d

Success #198754

Danger #dc3545

Warning #ffc107

Info #0dcaf0

Dark #212529

Light #f8f9fa

Accentuate background panels using translucent (10-15% opacity) styling layouts coupled with solid text contrast.

Primary Soft rgba(0,66,118,0.1)

Success Soft rgba(25,135,84,0.1)

Danger Soft rgba(220,53,69,0.1)

Warning Soft rgba(255,193,7,0.15)

Info Soft rgba(13,202,240,0.1)

Dark Soft rgba(33,37,41,0.1)

Shades of gray used for borders, subtle backgrounds, and various hierarchy typography levels.

Gray 100 #f8f9fa

Gray 200 #e9ecef

Gray 300 #dee2e6

Gray 400 #ced4da

Gray 600 #6c757d

Gray 900 #212529

Vibrant multi-stop color transitions perfect for banners, active buttons, and visual focus widgets.

Primary to Info Gradient

Primary to Success Gradient

Danger to Warning Gradient

Purple to Pink Gradient