Shadow Palette Generator

Create natural, layered CSS shadows with custom colors.

Parameters

Layers6

Strength (Blur)2

Max Opacity15%

Shadow Color

Generated CSS

box-shadow: 0px 1px 2px rgba(79, 70, 229, 0.150), 0px 2px 8px rgba(79, 70, 229, 0.065), 0px 3px 18px rgba(79, 70, 229, 0.040), 0px 4px 32px rgba(79, 70, 229, 0.028), 0px 5px 50px rgba(79, 70, 229, 0.022), 0px 6px 72px rgba(79, 70, 229, 0.017);

Preview Card