Education Color Palettes for Learning Websites and Courses
Readable education color palettes for online courses, schools, learning dashboards and knowledge bases.
Best for
- Online courses
- School websites
- Learning dashboards
- Documentation hubs
Usage tips
- Use yellow only for highlights and progress cues.
- Keep lesson text dark and readable.
- Use blue for navigation and trust.
CSS variables
:root {
--palette-1: #1D4ED8;
--palette-2: #FFFBEB;
--palette-3: #FACC15;
--palette-4: #059669;
--palette-5: #1F2937;
}