Back to Hub

Soft UI Generator

Preview
Base Color
300px
50px
20px
0.15
60px

Master the Soft UI Aesthetic

💡 How it works

Neumorphism relies on two shadows: a light shadow (top-left) and a dark shadow (bottom-right). Our tool calculates precise color values based on your base color brightness.

🎨 Color Theory

It works best on low-saturation colors. Pure black or white won't work because you can't create a lighter white or a darker black for the necessary contrast.