Color Palette System
Customize your School ERP appearance with our flexible color system
Primary Colors
50
#f0feff
100
#d8f4fa
500
#1a5676
600
#154762
700
#11394f
900
#0b2533
Secondary Colors
50
#f8fafc
100
#f1f5f9
500
#64748b
600
#475569
700
#334155
900
#134159
Accent Colors
50
#fffcee
100
#ffeed4
500
#fa8132
600
#f86505
700
#cf5404
900
#78350f
Status Colors
Success
#10b981
Warning
#f59e0b
Error
#ef4444
Info
#1a5676
Color Usage Examples
Buttons
Cards
Primary Card
This is a primary colored card
Accent Card
This is an accent colored card
How to Customize Colors
You can easily customize the color scheme by updating the environment variables in your .env file:
# Primary Colors (Blue)
COLOR_PRIMARY_500=#3b82f6
COLOR_PRIMARY_600=#2563eb
# Accent Colors (Amber)
COLOR_ACCENT_500=#f59e0b
COLOR_ACCENT_600=#d97706
All colors automatically update throughout the application using CSS custom properties!