Material Design Color Palette
Google's Material Design primary blue with complementary teal, amber, and deep purple on clean white. This systematic palette forms the foundation for Android apps, Material UI components, and Google-style interfaces.
#1A73E8
Vivid Blue
RGB(26, 115, 232)
HSL(214, 82%, 51%)
#00897B
Deep Cyan
RGB(0, 137, 123)
HSL(174, 100%, 27%)
#FFC107
Vivid Orange
RGB(255, 193, 7)
HSL(45, 100%, 51%)
#5B2C8E
Violet
RGB(91, 44, 142)
HSL(269, 53%, 36%)
#F5F5F5
White
RGB(245, 245, 245)
HSL(0, 0%, 96%)
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
lightbulbBest Use Cases
- checkAndroid apps
- checkMaterial UI
- checkGoogle-style interfaces
businessIndustries
- checkTechnology
- checkMobile
Mood:systematic
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #1A73E8;
--color-2: #00897B;
--color-3: #FFC107;
--color-4: #5B2C8E;
--color-5: #F5F5F5;
--color-6: #FFFFFF;
}Tailwind CSS Config
colors: {
'material-design-1': '#1A73E8',
'material-design-2': '#00897B',
'material-design-3': '#FFC107',
'material-design-4': '#5B2C8E',
'material-design-5': '#F5F5F5',
'material-design-6': '#FFFFFF',
}materialgooglesystematicandroidmodern
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free