Neomorphism Color Palette
Soft gray backgrounds with subtle shadow play in warm and cool grays define the neomorphic aesthetic. This tactile palette creates the illusion of extruded and recessed UI elements for premium app design.
#E0E5EC
Dusty Blue
RGB(224, 229, 236)
HSL(215, 24%, 90%)
#D1D9E6
Dusty Blue
RGB(209, 217, 230)
HSL(217, 30%, 86%)
#F0F0F3
Dusty Indigo
RGB(240, 240, 243)
HSL(240, 11%, 95%)
#C8CCD0
Light Gray
RGB(200, 204, 208)
HSL(210, 8%, 80%)
#EAECEF
Dusty Blue
RGB(234, 236, 239)
HSL(216, 14%, 93%)
#F5F7FA
Dusty Blue
RGB(245, 247, 250)
HSL(216, 33%, 97%)
lightbulbBest Use Cases
- checkPremium app design
- checkSmart home UIs
- checkDashboard widgets
businessIndustries
- checkTechnology
- checkDesign
Mood:tactile
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #E0E5EC;
--color-2: #D1D9E6;
--color-3: #F0F0F3;
--color-4: #C8CCD0;
--color-5: #EAECEF;
--color-6: #F5F7FA;
}Tailwind CSS Config
colors: {
'neomorphism-1': '#E0E5EC',
'neomorphism-2': '#D1D9E6',
'neomorphism-3': '#F0F0F3',
'neomorphism-4': '#C8CCD0',
'neomorphism-5': '#EAECEF',
'neomorphism-6': '#F5F7FA',
}neomorphismsoft-uitactilesubtle3d
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free