Glassmorphism Color Palette
Frosted glass effects using translucent white, soft blue gradients, and subtle purple create a modern layered look. This trendy palette defines iOS-inspired interfaces, dashboard cards, and premium SaaS design.
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
#E3F2FD
Light Blue
RGB(227, 242, 253)
HSL(205, 87%, 94%)
#D0C4E0
Dusty Violet
RGB(208, 196, 224)
HSL(266, 31%, 82%)
#B0D4F1
Light Blue
RGB(176, 212, 241)
HSL(207, 70%, 82%)
#F0F0FF
Light Indigo
RGB(240, 240, 255)
HSL(240, 100%, 97%)
#FAFBFF
Light Blue
RGB(250, 251, 255)
HSL(228, 100%, 99%)
lightbulbBest Use Cases
- checkiOS interfaces
- checkDashboard cards
- checkSaaS design
businessIndustries
- checkTechnology
- checkDesign
Mood:modern
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #FFFFFF;
--color-2: #E3F2FD;
--color-3: #D0C4E0;
--color-4: #B0D4F1;
--color-5: #F0F0FF;
--color-6: #FAFBFF;
}Tailwind CSS Config
colors: {
'glassmorphism-1': '#FFFFFF',
'glassmorphism-2': '#E3F2FD',
'glassmorphism-3': '#D0C4E0',
'glassmorphism-4': '#B0D4F1',
'glassmorphism-5': '#F0F0FF',
'glassmorphism-6': '#FAFBFF',
}glassmorphismfrostedtranslucentmodernlayered
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free