Live Tool

Color Gradient Lab

Generate controlled palettes and extract colors from reference images in the same workspace.

Back to Hub

Palette Engine

Build from a base color

Generate a palette first, then export it or feed it from image extraction.

Custom Mode

Manual shift values

Adjust hue, saturation, and lightness offsets for each generated swatch.

Swatch 1

Swatch 2

Swatch 3

Swatch 4

Swatch 5

Swatch 6

Palette Output

Current swatches

Click any swatch to copy the hex value.

Export

Copy palette data

Pull the current palette into CSS, SCSS, JSON, or raw color lists.

Image Extraction

Pull a palette from reference art

Drop in an image, extract dominant or vibrant colors, then reuse the result as a base palette.

Upload image
Drop an image here or click to browse.
Processing image...