Live Example
↑ Neumorphism rendered as a live HTML page
2019
classic
Neumorphism
“Light from above. Everything extruded.”
Founded by Alex Shipunas (popularized) · Digital interfaces, 2019
Philosophy
Objects emerge from the background, as if pressed from behind. A button should feel like it is part of the surface it lives on.
The Story
Neumorphism appeared on Dribbble in 2019 and immediately went viral. Its signature: shadows that are the same color as the background, but lighter on one side and darker on the other, creating the illusion that an element is pushed out of — or pressed into — the surface. The result looks soft, almost foam-like. It is extraordinarily difficult to make accessible (low contrast by definition) and challenging to use at scale. But for small UI components in wellness apps, fitness trackers, and music players, it created something the flat and material design systems did not: physical warmth. The caveat: neumorphism works best when it is one option in a larger system, not the only tool you reach for.
Design Parameters
Color Palette
Background
#E0E5EC
Text
#31344B
Accent
#6D83F2
Alt
#A3B1C6
Typography
Inter, Nunito, sans-serif
Mood
Soft, physical, almost tactile
Best For
Mobile interfaces
Music players
Health apps
IoT dashboards
Notable Examples
iOS settings app
Fitness tracking apps
Meditation apps
Smart home interfaces