Light Neuro Soft
A gentle neumorphic lift for light surfaces.
box-shadow
Preview Surface
Copy-ready CSS
Pure CSS
box-shadow: 12px 12px 24px -14px rgba(2, 6, 23, 0.65), -10px -10px 22px -14px rgba(51, 65, 85, 0.3);Tailwind v4
shadow-[12px_12px_24px_-14px_rgb(2_6_23_/_0.65),_-10px_-10px_22px_-14px_rgb(51_65_85_/_0.3)]Dark Neuro Soft is a neumorphism box-shadow preset built for soft bevel contrast. It uses 2 shadow layers to create a dark effect that is easy to copy into product cards, dashboards, marketing blocks, and small interface surfaces. A dark neumorphic shadow with restrained contrast. The shadow is intentionally described as plain CSS, so you can paste it into any framework or convert it into a Tailwind arbitrary value without changing the visual result. The effect stays on the outside edge, so it reads as lift rather than a pressed or recessed treatment. Use it when you want a repeatable starting point, then open it in the generator to adjust offset, blur, spread, color, opacity, or stacked layers for your own layout.
Explore more
Related
These presets share tags with Dark Neuro Soft and make good nearby alternatives.
A gentle neumorphic lift for light surfaces.
A sunken dark control shadow for toggles.
A barely raised surface shadow for quiet cards.
A balanced low elevation shadow for panels and menus.
A wider ambient shadow that stays restrained.