← All tools

Tetradic palette

Rectangle harmony for four-color themes.

Client
Base #336699
1. #336699 · hsl(210 50% 40%)
2. #993399 · hsl(300 50% 40%)
3. #996633 · hsl(30 50% 40%)
4. #339933 · hsl(120 50% 40%)

Nearby workflows on Toolcore

  • Color tools — Hub for converter, harmony palettes, tint/shade scales, Tailwind-style theme, MUI createTheme palette, HeroUI-style CSS variables, WCAG c… 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.
  • Complementary color — Hue + 180° complement from a hex color. 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.

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.