\documentclass[tikz,border=6pt]{standalone}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{tikz}
\usetikzlibrary{arrows.meta,positioning,calc}
\definecolor{ink}{HTML}{111827}
\definecolor{blue}{HTML}{2563EB}
\definecolor{violet}{HTML}{7C3AED}
\definecolor{green}{HTML}{059669}
\definecolor{paper}{HTML}{FFFDF7}
\begin{document}
\begin{tikzpicture}[>=Latex, font=\small, text=ink]
  \fill[paper] (-0.6,-1.35) rectangle (10.8,2.35);
  \node[draw=blue!60, fill=blue!8, rounded corners=3pt, minimum width=1.7cm] (hs) at (0.8,0.5) {HotStuff};
  \node[draw=blue!60, fill=blue!8, rounded corners=3pt, minimum width=1.9cm] (jol) at (3.0,1.25) {Jolteon};
  \node[draw=violet!60, fill=violet!8, rounded corners=3pt, minimum width=1.9cm] (hs2) at (5.4,1.25) {HotStuff-2};
  \node[draw=green!60, fill=green!8, rounded corners=3pt, minimum width=1.9cm] (dag) at (8.1,1.25) {DAG-BFT};
  \node[draw=ink!40, fill=paper, rounded corners=3pt, minimum width=1.7cm] (twins) at (3.0,-0.45) {Twins};
  \node[draw=ink!40, fill=paper, rounded corners=3pt, minimum width=1.7cm] (ditto) at (5.4,-0.45) {Ditto};
  \node[draw=green!60, fill=green!8, rounded corners=3pt, minimum width=1.9cm] (nar) at (8.1,-0.45) {Narwhal};
  \draw[->, blue!70] (hs) -- node[above, font=\scriptsize] {latencia} (jol);
  \draw[->, violet!70] (jol) -- (hs2);
  \draw[->, green!70] (hs2) -- node[above, font=\scriptsize] {frontera} (dag);
  \draw[->, ink!55] (hs) -- node[below, font=\scriptsize] {testing} (twins);
  \draw[->, ink!55] (jol) -- node[right, font=\scriptsize] {fallback} (ditto);
  \draw[->, green!70] (nar) -- node[right, font=\scriptsize] {disponibilidad} (dag);
  \node[font=\footnotesize, align=center] at (5.1,-1.05) {familia HotStuff: vistas/QCs; linea DAG-BFT: disponibilidad y ordenamiento separados};
\end{tikzpicture}
\end{document}
