Colors
Generate a Tailwind Color Scale, 50 to 950
A practical guide to building a Tailwind color scale. Learn what each 50 to 950 shade does, generate one in OKLCH, lock your brand color, and export to tailwind.config.
Shaheer Malik10 min read
Colors
What Is OKLCH, and Why It Matters
A plain guide to what OKLCH is and why it matters. Learn the L, C, and H model, how it beats HSL, gamut and Tailwind v4, and build an even scale step by step.
Shaheer Malik9 min read
Colors
Exporting Color Tokens: Tailwind, CSS, JSON
What color design tokens are, how to name them well, and the main export formats. Move colors from Tailwind to CSS variables to JSON, and use them cleanly in code.
Shaheer Malik14 min read