Gradient Field

Palette

Grid Dimensions

Rows

Cols

Colors

Double-click grid anchors to edit

Export

built by stinajones.design · GPLv3

Replace colours?

This will replace your current palette.

Don't ask again this session

Export Options

Show HEX Labels

Edit Colour

Click the swatch to open the colour picker, or type a HEX value below.

HEX

RGB

R

G

B

Generate Palette

Harmony Type

Number of Colours

Base Colour

HEX

RGB

Preview

Gradient Field

Build structured colour grids from anchor points. Inspect step values and export as SVG, PNG, ASE, or CSS.

built by stinajones.design