Light Mode Color Palette
Pure white with warm gray surfaces, subtle blue links, and gentle green success states form a clean light mode. This accessible palette is the standard for productivity apps, documentation sites, and enterprise software.
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
#F5F5F5
White
RGB(245, 245, 245)
HSL(0, 0%, 96%)
#E0E0E0
White
RGB(224, 224, 224)
HSL(0, 0%, 88%)
#1A73E8
Vivid Blue
RGB(26, 115, 232)
HSL(214, 82%, 51%)
#34A853
Green
RGB(52, 168, 83)
HSL(136, 53%, 43%)
#333333
Charcoal
RGB(51, 51, 51)
HSL(0, 0%, 20%)
lightbulbBest Use Cases
- checkProductivity apps
- checkDocumentation sites
- checkEnterprise software
businessIndustries
- checkTechnology
- checkEducation
Mood:accessible
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #FFFFFF;
--color-2: #F5F5F5;
--color-3: #E0E0E0;
--color-4: #1A73E8;
--color-5: #34A853;
--color-6: #333333;
}Tailwind CSS Config
colors: {
'light-mode-1': '#FFFFFF',
'light-mode-2': '#F5F5F5',
'light-mode-3': '#E0E0E0',
'light-mode-4': '#1A73E8',
'light-mode-5': '#34A853',
'light-mode-6': '#333333',
}light-modecleanaccessiblestandardbright
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free