Neumorphism Generator

Generate soft, extruded neumorphic shadows from a base color with a live preview.

Base color

Size180

Radius32

Distance12

Blur24

Intensity0.15

CSS

border-radius: 32px;
background: #e0e0e0;
box-shadow: 12px 12px 24px #bebebe,
            -12px -12px 24px #e5e5e5;

Soft UI uses two shadows — a darker one and a lighter one derived from the base color — on the same background. Runs locally.