Skip to content
IndexDesign corpus
ColorColor ToolGeneratorToolCC BY-NCFreeReact

Tints.dev

11-stop Tailwind palette generator with a free, keyless JSON API

Abouttints.dev

Tints.dev takes one hex value and produces the eleven Tailwind stops (50 through 950), with sliders for hue, saturation and lightness if you want to bend the ramp by hand. Output is available as OKLCH (the default), hex, HSL or Display-P3, shaped as CSS variables that drop into either Tailwind v3 or v4. The same generator is exposed as a plain GET API — https://tints.dev/api/{name}/{hex} returns the palette as JSON with no API key — which makes it the easiest colour tool here to call from a script. Built by Simeon Griggs; the site source is on GitHub under CC BY-NC 4.0.

For an agent

This is the default choice when you need a Tailwind ramp inside a script or a scaffolding step: curl https://tints.dev/api/brand/2522FB returns JSON immediately, no key, no POST body — verified working. It pairs directly with a Tailwind v4 @theme block since the values come back as OKLCH. Two cautions: the API takes only a hex, so the HSL tweaks you can make in the UI are not reachable through it, and the repository is CC BY-NC, so copy the generated colours freely but do not fork the app into a commercial product.

Why it is here. A free, keyless, deterministic colour endpoint is rare, and it makes palette generation something a build script can do rather than a human errand.

Install command, framework, licence and component list.
Notable for
  • keyless GET JSON API
  • OKLCH output by default
  • Tailwind v3 and v4 CSS variables
  • Display-P3 export
  • open source, CC BY-NC
Provenance

Verified 2026-08-16. HTTP 200. https://tints.dev (fetched), https://www.tints.dev/api (returned JSON palette, confirming the endpoint), live curl of https://tints.dev/api/brand/2522FB (200, OKLCH JSON), https://api.github.com/repos/SimeonGriggs/tints.dev (1274 stars, last push 2026-08-11), raw LICENSE file (CC BY-NC 4.0)

Related resourcesColor