← All tools

Palette from base hex

Generate tint steps for design systems.

Client
#183462
#234e94
#2f68c5
#3b82f6
#3b82f6

Nearby workflows on Toolcore

  • Tint & shade color scale — Brand-color token ramps: mix one CSS color toward white and black in sRGB—symmetric or one-sided scales, HEX and :root copy. 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.
  • Triadic palette from hex — Three hues 120° apart. when color values need conversion, contrast review, or theme export.
  • 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.

Common use cases

  • Palette from base hex 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.