Color Palette System

Customize your School ERP appearance with our flexible color system

Primary Colors

#eff6ff

100

#dbeafe

500

#3b82f6

600

#2563eb

700

#1d4ed8

900

#1e3a8a

Secondary Colors

#f8fafc

100

#f1f5f9

500

#64748b

600

#475569

700

#334155

900

#0f172a

Accent Colors

#fef3c7

100

#fde68a

500

#f59e0b

600

#d97706

700

#b45309

900

#78350f

Status Colors

Success

#10b981

Warning

#f59e0b

Error

#ef4444

Info

#3b82f6

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!