SVG Pattern Generator

Quarter-Arc Truchet

Two quarter arcs per cell, rotated at random, joining into loops.

200 shapes · 1000 × 1000 viewBox

Colour

Leaves the backdrop unpainted so the pattern drops onto any surface. Ridgeline and Iso Cube Grid still paint the colour above, because it is what hides the shapes behind them.

Presets
Shape

See it in use

  • Quarter-ArcTruchetGRID
    Portrait — your colours
  • Quarter-ArcTruchetGRID
    Portrait — lime on forest
  • Quarter-ArcTruchetGRID
    Landscape — ink on mint
  • Quarter-ArcTruchetGRID
    Landscape — forest on peach

As a website background

Infrastructure that gets out of the way

A worked example — your pattern, sitting behind real page furniture.

Start building

How it works

Every cell of a square grid holds the same tile — quarter arcs struck from two opposite corners — and the only decision made per cell is which of its two rotations to use. The arcs cross each edge at a set of offsets that mirrors about the edge’s midpoint, so whatever a neighbour rolled, the ends meet: the sheet reads as one continuous set of loops rather than a grid of separate tiles. Bias weights that coin flip, and it is the one control that does nothing at its extremes — at nought or one every tile agrees and the loops straighten into parallel diagonals. The tangle lives in the middle.