Dtyjlui

Like this, with multicolor shades of blue

Thanks!

I introduce the blivet{<color>}{<arrow label>}{<sub items>} macro.

documentclass{article}

usepackage{tikz,stackengine,listofitems} 

setstackEOL{\}

makeatletterletgaddtomacrog@addto@macromakeatother

newcommandblivet[3]{%

  setsepchar{\}%

  readlist*myitems{#3}%

  foreachitemxinmyitems{%

    ifnumxcnt=1deftmp{}elsegaddtomacrotmp{\}fi%

    gaddtomacrotmp{$bullet$~}%

    expandaftergaddtomacroexpandaftertmpexpandafter{x}}%

  sffamilystackengine{12pt}{%

    begin{tikzpicture}

      draw [fill=#1] (-2,0) -- (-1.5,.6) -- (-2,1.2) -- (1.5,1.2) -- (2,.6)

       -- (1.5,0) -- (-2,0) node [midway,right=1ex, above=1.2ex] {largetextbf{strut#2}};

    end{tikzpicture}%

  }{%

    renewcommandstackalignment{l}%

    expandafterLongstackexpandafter{tmp}%

  }{U}{c}{F}{F}{S}%

}

begin{document}

blivet{green!35!blue!20}{Learn}{Seminars\ Research Papers\ Training}

blivet{green!35!blue!40}{Strategize}{Design Thinking\Business Strategy\Product Roadmap}

blivet{green!35!blue!60}{Build}{Discovery\ Delivery\Transfer}

end{document}

There are some packages for this stuff, but I prefer this

documentclass[tikz]{standalone}

usetikzlibrary{calc}

begin{document}

begin{tikzpicture}

defarrownode (#1,#2) node[#3] #4{%

begin{scope}[scale=0.75]

    coordinate (x) at (#1,#2);

    path[draw,fill=#3] ($(x)+(-2,0)$)--($(x)+(-3,1)$)--($(x)+(1,1)$)--($(x)+(2,0)$)--($(x)+(1,-1)$)--($(x)+(-3,-1)$)--cycle;

    draw ($(x)+(-.25,0)$) node {bfseriessffamily#4};

end{scope}

}

arrownode (-5,0) node[blue!10] {Learn};

foreach i/txt in {1.5/Seminars,2/Research papers,2.5/Training} {

    draw[fill=black] (-5.25,-i) circle (1pt) node [right=1.5ex] {smallsffamilytxt};

}

arrownode (0,0) node[blue!30] {Strategize};

foreach i/txt in {1.5/Design Thinking,2/Business Strategy,2.5/Product Roadmap} {

    draw[fill=black] (-1.5,-i) circle (1pt) node [right=1.5ex] {smallsffamilytxt};

}

arrownode (5,0) node[blue!50] {Build};

foreach i/txt in {1.5/Discovery,2/Delivery,2.5/Transfer} {

    draw[fill=black] (2.25,-i) circle (1pt) node [right=1.5ex] {smallsffamilytxt};

}

end{tikzpicture}

end{document}

Something to start with:

documentclass{standalone}



usepackage{tikz}

usetikzlibrary{shapes,arrows, positioning}



begin{document}

    %https://tex.stackexchange.com/questions/175679/text-inside-custom-tikz-draw

    tikzset{product size/.style={minimum width=4cm, 

            minimum height=2cm,

        },

        product/.style={

            draw,signal, 

            signal to=east, 

            signal from=west,

            product size,

            fill=gray!50!black,

            draw=gray!50!white,

            text=white,font=bfseries,

        },

    }





    begin{tikzpicture}

    node[product,fill=blue!50, draw=white] (first) {Learn};

    node[product, fill=blue!75, draw = white, anchor=west]  [right=1cm of first.east] (second) {Strategize};

    node[product, fill=blue, draw = white, anchor=west][right=1cm of second.east](third){Build};

    % list

    node [below=7.5mm of first,anchor=center,  align=left, text width=4cm ] (versopt) {

        begin{itemize}           

    item lkjh

item kjh

item ghl

        end{itemize}

    };

    node [below=7.5mm of second,anchor=center,  align=left, text width=4cm ] (versopt) {

    begin{itemize}           

    item jkh

    item hkj

    item lkh

    end{itemize}

};

    node [below=7.5mm of third,anchor=center,  align=left, text width=4cm ] (versopt) {

    begin{itemize}           

    item lkjh

item  lkjh

item lkjh

    end{itemize}

};

    end{tikzpicture}



end{document}

which will give you:

Now, starting from color selection (you can use use gpick), I hope you can do much more customisation as you want. I leave that you.