The latest articles on DEV Community by Harrison Broadbent (@hungrycatz). https://dev.to/hungrycatz https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F96726%2Fcb76441b-a634-47f5-91c1-14c37f81f682.jpeg https://dev.to/hungrycatz en Harrison Broadbent Tue, 24 Feb 2026 01:04:37 +0000 https://dev.to/hungrycatz/new-tailwind-v42-colors-now-in-tailcolors-45ih https://dev.to/hungrycatz/new-tailwind-v42-colors-now-in-tailcolors-45ih <p>A new version of Tailwind CSS, <a href="https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.2.0" rel="noopener noreferrer">v4.2</a>, has just been released, and includes 4 entirely new color palettes!</p> <p>The new colors are gorgeous, and are called Olive, Mauve, Mist and Taupe:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ficbzrmtvvin97wv7qnib.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ficbzrmtvvin97wv7qnib.png" alt="The new olive, mauve, mist and taupe colors" width="508" height="150"></a></p> <p><em>interactive example available here: <a href="https://harrisonbroadbent.com/blog/tailwind-4-2-colors-color-palette/" rel="noopener noreferrer">harrisonbroadbent.com</a></em></p> <p>To go along with these 4 new Tailwind colors, I've updated <a href="https://tailcolors.com/" rel="noopener noreferrer">Tailcolors, my Tailwind CSS color palette</a>, to include each of them.</p> <p>You can view all shades of these new colors (from <code>*-50</code> to <code>*-950</code>), plus preview them in the context of mock ui examples. For example, heres's <a href="https://tailcolors.com/olive" rel="noopener noreferrer">ui examples for the new olive color</a>.</p> <blockquote> <p>I'll also be updating my <a href="https://chromewebstore.google.com/detail/tailcolors-tailwind-css-c/agjdmlmepbilagimjkmffoinkoackego" rel="noopener noreferrer">TailwindCSS color palette Chrome Extension</a> to support the new colors, so keep an eye out for that!</p> </blockquote> tailwindcss ui css html