Education Color Palette
Friendly blue, energetic orange, and bright green on a clean white canvas create an engaging educational palette. This accessible combination enhances learning platforms, school websites, and educational apps.
#1E88E5
Blue
RGB(30, 136, 229)
HSL(208, 79%, 51%)
#FF7043
Vivid Red
RGB(255, 112, 67)
HSL(14, 100%, 63%)
#43A047
Green
RGB(67, 160, 71)
HSL(123, 41%, 45%)
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
#FFF3E0
Light Orange
RGB(255, 243, 224)
HSL(37, 100%, 94%)
#E3F2FD
Light Blue
RGB(227, 242, 253)
HSL(205, 87%, 94%)
lightbulbBest Use Cases
- checkLearning platforms
- checkSchool websites
- checkEducational apps
businessIndustries
- checkEducation
- checkTechnology
Mood:engaging
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #1E88E5;
--color-2: #FF7043;
--color-3: #43A047;
--color-4: #FFFFFF;
--color-5: #FFF3E0;
--color-6: #E3F2FD;
}Tailwind CSS Config
colors: {
'education-1': '#1E88E5',
'education-2': '#FF7043',
'education-3': '#43A047',
'education-4': '#FFFFFF',
'education-5': '#FFF3E0',
'education-6': '#E3F2FD',
}educationfriendlyaccessiblebrightengaging
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free