{
  "slug": "uicolors",
  "name": "uiColors",
  "url": "https://uicolors.app",
  "cat": "design",
  "group": "design",
  "tagline": "Tailwind palette generator",
  "price": "Free · optional Pro upgrade",
  "tier": "mixed",
  "pick": false,
  "what": "Tailwind CSS colour generator: paste a hex and it builds the full numbered shade ramp, then previews it on realistic components — cards, dashboards, charts — rather than bare swatches. Adds success, warning and error scales plus a custom neutral, and exports palettes for a Tailwind config.",
  "why": "The standard fix for 'my brand colour is not one of Tailwind's'. It generates a ramp with sane lightness steps so <code>bg-brand-50</code> through <code>bg-brand-950</code> behave like the built-in palettes.",
  "warn": "Generated ramps are mathematically even, not perceptually even — eyeball the middle shades against a real background, especially for yellows, greens and cyans.",
  "category": {
    "key": "design",
    "name": "Design tools, color & type",
    "desc": "Canvases, palettes, typefaces, icon sets, illustrations. Mostly free.",
    "group": "design",
    "groupName": "Make it look right"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": "https://uicolors.app/generate",
    "checked_at": "2026-08-18T21:45:05.257+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}