Mosaic SVG Colorizer & Tile Sorter v11

Load an SVG generated by the mosaic tools. This utility reconstructs the closed pieces, determines which pieces share an edge, assigns your selected colors so adjacent pieces never receive the same color, and creates a tile-number sorting list for staining or painting. Everything runs locally in your browser. This version also includes built-in sports team color schemes for NFL, NBA, MLB, NHL, and current major NCAA football conferences, including primary, secondary, and supporting colors where available.

1. Load Mosaic SVG

You can also drag an SVG onto this box. SVGs from the Traditional Mosaic, Symmetric Slice, and Shattered Mosaic generators are supported.

2. Load Team Color Scheme

Quick-load a team palette audited against TeamColorCodes.com, including secondary/supporting colors shown by the source where available, then optionally tweak the colors manually before colorizing the mosaic. College selections use current 2026 football memberships: SEC, ACC, Big Ten, Big 12, and Pac-12.

Built-in palettes include primary and secondary team colors where available. You can include or exclude neutral team colors, and optionally allow the tool to create derived filler shades when a palette becomes too small.
When enabled, the tool never invents extra filler colors. If the filtered team palette has fewer than 3 colors, you can add another manually.
Includes official white, black, gray, silver, cream, sand, pewter, and similar neutral colors. Turn this off for a bolder palette.

3. Choose Colors

Select at least 3 colors. Four is the safest choice for complex mosaics. Some planar patterns cannot be colored with only 3 colors; if that happens this tool will tell you to add another.

Quick-add neutral colors
Useful when a team palette only has 2–3 strong colors and you need a fourth color for a valid mosaic assignment.
Change this to get a different valid color arrangement without changing the mosaic.
Uses the same left-to-right numbering order as the generators.
Load an SVG to begin.

4. Preview

Drag the slider or drag the lower-right edge of the preview pane itself.
480 px
No SVG loaded.

5. Tile Sorting Guide