PATTERN TRAY / SET 01

Files
  shore-grid.svg   Fine grid, navy / sand
  clay-steps.svg   Stepped stripe, clay / cream
  moss-stitch.svg  Staggered dash, moss / oat

Each SVG is a self-contained 360 x 180 tile. No fonts or external images are needed.
Use the tile at its native size or resize both dimensions in the same proportion.

Example (with the SVG next to your stylesheet):
  background: #172d3b url("shore-grid.svg") repeat;
  background-size: 240px 120px;

You can reuse and adapt these swatches in your projects.