Tiles

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 58 58"
>
    <path
        fill="#e7eced"
        d="M54.75 58H3.25A3.25 3.25 0 0 1 0 54.75V11h58v43.75A3.25 3.25 0 0 1 54.75 58z"
    />
    <path
        fill="#556080"
        d="M58 12H0V3.25A3.25 3.25 0 0 1 3.25 0h51.5A3.25 3.25 0 0 1 58 3.25z"
    />
    <path fill="#dd352e" d="M4 4h4v4H4z" />
    <path fill="#ebba16" d="M12 4h4v4h-4z" />
    <path fill="#23a24d" d="M20 4h4v4h-4z" />
    <path fill="#ebba16" d="M12 54H4a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2z" />
    <path fill="#dd352e" d="M26 54h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2z" />
    <path fill="#366db6" d="M40 54h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2z" />
    <path fill="#cb465f" d="M54 54h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2z" />
    <path fill="#dc691d" d="M4 35h8v14H4z" />
    <path fill="#366db6" d="M46 35h8v14h-8z" />
    <path fill="#cb465f" d="M32 35h8v14h-8z" />
    <path fill="#23a24d" d="M18 35h8v14h-8z" />
    <path fill="#fff" d="M4 17h22v14H4z" />
    <path fill="#dd352e" d="M21 23h-1a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2z" />
    <path fill="#ebba16" d="M16 23H9a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z" />
    <path fill="#ed8a19" d="M10 27H9a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2z" />
    <path fill="#23a24d" d="M21 27h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z" />
    <path fill="#366db6" d="M42 19h-1a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2z" />
    <path fill="#7383bf" d="M37 19h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z" />
    <path fill="#c5411e" d="M42 27h-1a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2z" />
    <path fill="#ebba16" d="M37 27h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z" />
    <path fill="#dd352e" d="M31 23h-1a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2z" />
    <path fill="#23a24d" d="M42 23h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z" />
    <path fill="#366db6" d="M31 31h-1a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2z" />
    <path fill="#dc691d" d="M42 31h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z" />
    <path fill="#ebba16" d="M46 17h8v14h-8z" />
</svg>