Toolbox
Small tools I reach for while designing. Free to use.
Mesh gradient
A handful of points, each its own colour. Drag them until it looks right, then take it with you as a PNG.
Colours
5 of 12One colour for each point on the picture.
Drag a point to move its colour. Double-click a point to change its colour, or double-click the picture to add one. Arrow keys nudge the selected point; Delete removes it.
Palette
A palette built the way a brand uses one: a primary, a surface, an accent, a support and an ink. Lock what you like and roll the rest.
Readable pairings
- Ink on Surface16.5:1
- Ink on Accent12.6:1
- Primary on Surface11.1:1
- Primary on Accent8.5:1
- Ink on Support5.1:1
This is the pocket version. Colorify shows a palette in proportion, in context, across real layouts.
Open the full ColorifyQuickGrid
Bento grids from a number. Say how many tiles, pick a style, shuffle until it clicks, then take it into Figma or Illustrator as plain shapes.
Shuffle for another arrangement of the same settings. The SVG is plain rectangles, one per tile, ready to clip images into; exports have a transparent background.
