Tetradic palette

Client

Four hues 90° apart from base hex.

hsl(355 60% 50%)
hsl(85 60% 50%)
hsl(175 60% 50%)
hsl(265 60% 50%)

Nearby workflows on Toolcore

  • Triadic palette from hex — Three hues 120° apart. when color values need conversion, contrast review, or theme export.
  • Analogous palette — Base hue plus ±30° neighbors. when color values need conversion, contrast review, or theme export.
  • Harmony color palette — Complementary, split, triadic, analogous, tetradic, and monochromatic sets from one CSS color—HEX copy and :root variables. when color values need conversion, contrast review, or theme export.
  • CSS gradient builder — Linear or radial gradients with multiple stops—live preview and copy a background declaration locally. when color values need conversion, contrast review, or theme export.

About this tool

Rectangle harmony for dashboard themes.

Common use cases

  • Tetradic palette for quick local checks without uploading data.
  • Copy results into tickets, docs, or classroom notes.

Common mistakes to avoid

  • Unexpected input shape

    See the intro and how-to notes for accepted formats.

FAQ

Is processing local?

Yes—this runs entirely in your browser.

Agent prefill?

Use q or qb for the main text field when supported.

More tools

Related utilities you can open in another tab—mostly client-side.