From color idea to design-ready files — without losing control at any step.
Lock and fine-tune every color, combine harmony and mood controls, and test palettes on your own SVG. Extract colors from photos or shape mesh gradients by dragging each color point.
Coastal
Compound
Upload your SVG or start with a built-in template. Apply the palette, rotate color assignments, freeze individual colors or the background, and see how every combination works in a real composition before you export.
Explore Palette PreviewSee whether your palette remains readable in Value, Desaturated, 3-Value, and 5-Value views. Refine it with harmony and mood settings, choose or edit individual colors, and lock the colors that must stay unchanged.
Explore Tonal ChecksUpload your own image or photo, choose the number of colors, and use Studio settings to create a unique, editable palette instead of accepting a fixed automatic result.
Create a Palette from an ImagePlace and move color points, control the size and softness of each color field, and tune blending and vividness. Export the finished gradient as PNG, SVG, CSS, or JSON for use as a ready-made background.
Open the Gradient MakerOpen your own images and see them automatically arranged in one view. Drag to reorder them, or resize your browser window to reshape the layout — every image keeps its proportions and nothing is cropped.
Open the Mood Board MakerTake the color challenge: memorize a shade, recreate it from memory, then compare your version with the original and see how accurately you matched it.
Play the Color Memory Game
