I'm not sure which of the things shown you want. The ones on the right or the ones on the left? Will it always be circles?
I've assumed not always circles and both. However, I've used circles for my examples, but this is just convenience.
Four possibilities:

The four circles are all drawn in the same way in gray
with 50% opacity as circular nodes with width 10mm. The first one has a blue shadow added using a style. The other three are pic
s with various combinations of painting over, shadowing over etc.
\documentclass[tikz,border=10pt,multi]{standalone}
\usetikzlibrary{shadows,fit,decorations.pathmorphing}
\tikzset{
overfill/.pic={
\node [pic actions] {};
\scoped[scale=1.25]{\node [fill=#1!50, scale=1.25, opacity=.5] {};}
},
shadow fill/.style={general shadow={shadow scale=1.25, inner color=#1!25, outer color=#1!5}},
over paint/.pic={
\node (a) [pic actions] {};
\scoped[scale=1.25]{\node (b) [shape=rectangle, fit=(a)] {};}
\path [decoration={random steps, segment length=2.5mm}, rounded corners=1.25pt, decorate, fill=#1!50, opacity=.5] (b.north) -| (b.south east) -| (b.north west) -- cycle;
},
shadow over paint/.pic={
\node (a) [pic actions] {};
\scoped[scale=1.25]{\node (b) [shape=rectangle, fit=(a)] {};}
\path [decoration={random steps, segment length=2.5mm}, rounded corners=2pt, decorate, general shadow={shadow scale=1.25, inner color=#1!50, outer color=#1!25, opacity=.5}] (b.north) -| (b.south east) -| (b.north west) -- cycle;
},
}
\begin{document}
\begin{tikzpicture}
\node [circle, draw=gray, draw opacity=.5, minimum size=10mm, shadow fill=blue] {};
\pic [circle, draw=gray, draw opacity=.5, minimum size=10mm] at (2,0) {overfill=green};
\pic [circle, draw=gray, draw opacity=.5, minimum size=10mm] at (0,-2) {over paint=orange};
\pic [circle, draw=gray, draw opacity=.5, minimum size=10mm] at (2,-2) {shadow over paint=red};
\end{tikzpicture}
\end{document}