# Generate perfect OKLCH colors with Tintwind

> Stop settling for muddy hues. Use Tintwind, my Tailwind 4 OKLCH generator for balanced, consistent palettes with wide-gamut colors. Fast, minimal, and ready for production.

**Tags:** project, productivity, tools
**Date:** 2026-02-05T00:15:22.000Z

---


If you've ever tried to build a custom color palette in Tailwind and wondered why your blue-500 looks completely different from your `pink-500`, you've run into the limits of HSL and hex. They just don't map to how human eyes actually perceive lightness.

## Tintwind OKLCH Generator

That's why I built [Tintwind](https://tintwind.schalkburger.dev/). It's a small web app that generates OKLCH color palettes designed to drop straight into Tailwind 4's new CSS variable setup.

![Tintwind Preview](/assets/blog/tintwind-generator/tintwind-preview.png)

## Why OKLCH?

Why OKLCH? Because the math actually makes sense. Colors with the same lightness value look like they belong together. No more weirdly neon reds or muddy darks crashing your UI.

The app keeps it simple: you tweak the chroma and hue, preview the whole scale in real-time, and copy the variables out. It doesn't try to be a massive design suite, it just fixes a specific annoyance I kept running into.

Give it a spin at [tintwind.schalkburger.dev](https://tintwind.schalkburger.dev/).