# Library — reference palettes in OKLCH

> Two published palettes on heydenys.com's generator, every step copyable as OKLCH or hex.

The values come from each library's own files, read by a script rather than typed: Tailwind's from the installed `tailwindcss` package, which authors its palette in OKLCH, and Radix's from its npm release, checked against the published integrity. Each scale links into [the generator](https://www.heydenys.com/generate) with its base step — Radix's 9, Tailwind's 500 — as the base color.

## Radix Colors

Version 3.0.0, MIT, [radix-ui.com/colors](https://www.radix-ui.com/colors). 31 scales of 12 steps, 1 to 12, each with a light and a dark variant: gray, mauve, slate, sage, olive, sand, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, brown, bronze, gold, sky, mint, lime, yellow, amber, orange.

## Tailwind CSS

Version 4.3.2, MIT, [tailwindcss.com/docs/colors](https://tailwindcss.com/docs/colors). 26 scales of 11 steps, 50 to 950: red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, slate, gray, zinc, neutral, stone, mauve, olive, mist, taupe.

## References

- [CSS Color 4: OKLab and OKLCH](https://www.w3.org/TR/css-color-4/#ok-lab), the specification, gamut mapping included.
- [A perceptual color space for image processing](https://bottosson.github.io/posts/oklab/), Björn Ottosson's introduction of OKLab.
- [OKLCH in CSS: why we moved from RGB and HSL](https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl), Evil Martians.
- [oklch.com](https://oklch.com), a picker and converter; [oklch.fyi](https://oklch.fyi), palettes, conversion and a gamut visualizer.

---

Canonical HTML: https://www.heydenys.com/generate/library
Site overview for agents: https://www.heydenys.com/llms.txt