Using shadows behind components on your website is a great way to add depth and make content and text stand out.
The default is nearly always in a shade of black or grey.
Here is a top tip, match the colour of the shadow to the background. e.g. if the section has a light purple background, make the shadow a darker shade of purple rather than black.
It’s a subtle change that will stop the optical illusion of a dark shadow making sections of your site look murky or dull and result in a site that feels more visually appealing and engaging.