Skip to content
Tints.dev

Tints.dev

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

Tier A · StrongColor ToolGeneratorTooltints.dev

Preview image from tints.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.

Facts

License
CC BY-NC
Pricing
Free
Framework
React, Not applicable
Styling
Tailwind CSS v4, Tailwind CSS v3, CSS custom properties
Distribution
Web app / online tool, Public HTTP API, GitHub repository
Platform
Web
Content type
Design tokens / theme files, Code
Agent readiness
Public API without auth, Readable open source, Copy-paste ready code
Accessibility
Unknown
Maturity
Actively maintained
GitHub stars
1,274

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)

Also in Color

6
tints.devTier A