% pdflatex blocks.tex
% pdf2svg blocks.pdf ../files/blocks.svg

\documentclass[preview,margin=2mm,varwidth,crop]{standalone}
\usepackage{tikz}
\usetikzlibrary {graphs, graphs.standard}

\usepackage{DejaVuSans}

\begin{document}

\definecolor{C1}{HTML}{648FFF}
\definecolor{C2}{HTML}{DC267F}
\definecolor{C3}{HTML}{FFB000}

\begin{tikzpicture}[line width=0.8mm,font=\sffamily]
\begin{scope}
    \draw[C1, fill=C1!40!white] (0, 0) -- (0, 1) -- (1, 1) -- (1, 0) -- cycle;
    \node[text=C1!30!black] at (0.5, 0.5) {\Large 1};
\end{scope}
\begin{scope}[shift={(1.5, 0)}]
    \draw[C2, fill=C2!40!white] (0, 0) -- (0, 1) -- (1, 1) -- (1, 0) -- cycle;
    \node[text=C2!30!black] at (0.5, 0.5) {\Large 2};
\end{scope}
\begin{scope}[shift={(3, 0)}]
    \draw[C2, fill=C2!40!white] (0, 0) -- (0, 1) -- (1, 1) -- (1, 0) -- cycle;
    \node[text=C2!30!black] at (0.5, 0.5) {\Large 2};
\end{scope}
\begin{scope}[shift={(4.5, 0)}]
    \draw[C1, fill=C1!40!white] (0, 0) -- (0, 1) -- (1, 1) -- (1, 0) -- cycle;
    \node[text=C1!30!black] at (0.5, 0.5) {\Large 1};
\end{scope}
\begin{scope}[shift={(6, 0)}]
    \draw[C3, fill=C3!40!white] (0, 0) -- (0, 1) -- (1, 1) -- (1, 0) -- cycle;
    \node[text=C3!30!black] at (0.5, 0.5) {\Large 3};
\end{scope}
\begin{scope}[shift={(7.5, 0)}]
    \draw[C1, fill=C1!40!white] (0, 0) -- (0, 1) -- (1, 1) -- (1, 0) -- cycle;
    \node[text=C1!30!black] at (0.5, 0.5) {\Large 1};
\end{scope}
\begin{scope}[shift={(9, 0)}]
    \draw[C2, fill=C2!40!white] (0, 0) -- (0, 1) -- (1, 1) -- (1, 0) -- cycle;
    \node[text=C2!30!black] at (0.5, 0.5) {\Large 2};
\end{scope}
\end{tikzpicture}

\end{document}

