Health App Color Palette
Energizing green, calming blue, warm coral for alerts, and clean white form a health-focused UI palette. This wellness-oriented combination powers fitness trackers, medical dashboards, and nutrition apps.
#4CAF50
Green
RGB(76, 175, 80)
HSL(122, 39%, 49%)
#2196F3
Vivid Blue
RGB(33, 150, 243)
HSL(207, 90%, 54%)
#FF6F61
Pale Red
RGB(255, 111, 97)
HSL(5, 100%, 69%)
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
#F5F5F5
White
RGB(245, 245, 245)
HSL(0, 0%, 96%)
#E8F5E9
Dusty Green
RGB(232, 245, 233)
HSL(125, 39%, 94%)
lightbulbBest Use Cases
- checkFitness trackers
- checkMedical dashboards
- checkNutrition apps
businessIndustries
- checkHealthcare
- checkFitness
Mood:energizing
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #4CAF50;
--color-2: #2196F3;
--color-3: #FF6F61;
--color-4: #FFFFFF;
--color-5: #F5F5F5;
--color-6: #E8F5E9;
}Tailwind CSS Config
colors: {
'health-app-1': '#4CAF50',
'health-app-2': '#2196F3',
'health-app-3': '#FF6F61',
'health-app-4': '#FFFFFF',
'health-app-5': '#F5F5F5',
'health-app-6': '#E8F5E9',
}healthappcleanwellnessui
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free