Color palette generator

Build a palette around your color.

Privacy: runs in your browser

This tool processes your input in this browser. Inputs and results are excluded from analytics. Recent tools save tool names, visit counts and last-visit times. Favorites store only tool names. Draft saving is optional and stays on this device; delete saved text with the draft controls. Loading text from a URL is optional and contacts that server; its URL and your IP address are visible to the server. When a button sends your result to another tool, it waits in this tab until that tool opens it, for up to a minute, and is then deleted.

Copy link includes the inputs you choose to share in the address. Anyone with that link can reopen them. Files and generated results are excluded. Password and key tools share settings only.

Your result

 

More
Keyboard shortcuts

Sharing and starting over

A copied link includes what you entered and your settings, so anyone with it can see them. Leave private text out. Files and results are not included; random draws are made again.

Start over puts the tool back to its starting values and closes any open file or device. Drafts you saved stay on this device until you delete them.

Choose the relationship between hues

Complementary uses opposite hues; analogous uses nearby hues; triadic divides the hue circle into thirds. Square divides it into quarters. Split complementary uses the two hues beside the opposite, while tetradic uses two opposite pairs. Monochromatic keeps one hue and changes lightness. The first swatch keeps your exact HEX seed. Lock a companion before generating again to keep it.

Next: Color picker

Next: Color wheel picker

Worked example

A seed of #0B7285 stays #0B7285. Triadic companion hues are separated by 120 degrees, while shade swatches change lightness.

Before you rely on the result

A harmony is a starting point, not a readability guarantee. Check text contrast in the final design. Randomize chooses a new seed and keeps any locked swatches. Companion swatches are opaque; only the seed retains any supplied alpha.

Tools for the same job

Help with the result

Cite this page

ToolOctopus. “Color palette generator.” Updated . https://tooloctopus.com/color-palette-generator.

Add an access date if your instructions require one.

Citation formatting uses citeproc-js by Frank Bennett and Citation Style Language styles. License and source code.

Find a tool

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.