Developer Publishes Curated List of CSS Color Palettes for Vanilla CSS Enthusiasts

Breaking: Developer Abandons Tailwind, Seeks Better Color Palettes for Vanilla CSS

In a move that has resonated with developers tired of framework dependency, a front-end developer has publicly curated a list of alternative color palettes and tools after switching from Tailwind CSS to vanilla CSS. The collection, shared via Mastodon and now compiled into a blog post, addresses a common pain point: finding well-designed, ready-to-use color schemes without needing a full utility framework.

Developer Publishes Curated List of CSS Color Palettes for Vanilla CSS Enthusiasts

“I’m not very good with colours, so it makes a big difference to me to have a reasonable colour palette that somebody who is better at colour than me has thought about,” the developer told followers. “But I’m also a little tired of those Tailwind colours.” The post quickly gained traction, with many developers chiming in to suggest their own favorites.

The Developer’s Top Picks

Three palettes stood out as personal favorites, each with a unique philosophy:

uchū – A minimal, accessible palette with a small set of tints and shades. Available as a CSS file (see FAQ).
Flexoki – An ink-based palette designed for digital reading, also provided as a CSS file.
Reasonable Colours – Focused on accessibility, with a CSS file that prioritizes contrast and legibility.

More Established Color Systems

The community also recommended several widely used palettes that work well outside of Tailwind. These include:

Web Awesome – A modern set of colors built for the web.
Radix Colors – A comprehensive color system from the Radix UI library.
U.S. Web Design System – Government-backed colors with accessibility in mind.
Material Design 3 – Google’s latest color theme, now available in CSS.

Color Palette Generators

For developers who prefer to create their own palettes, several tools were highlighted. The developer admitted, “I’ve always found these types of generators too hard to use, but maybe one day I will get better enough at colour.” Despite that caveat, the following generators were shared as resources:

Harmonizer – Generates cohesive color schemes.
tints.dev – Creates tints and shades from a base color.
Coolors – A popular, fast palette generator.
colorpalette.pro – Another tool for building custom palettes.

Additional Color Tools

The list also includes advanced tools for color management:

Colorhexa – Offers a colorblindness simulation and detailed color information.
Oklch Color Space – A CSS color function that enables dynamic, perceptually uniform color generation.
Generative Colors with CSS – An example of using the oklch() function to programmatically create color variations.

Background: The Shift from Tailwind to Vanilla CSS

Tailwind CSS has dominated developer tooling with its utility-first approach, providing a built-in color palette with numbered shades (e.g., blue-100, blue-200). However, a growing number of developers are returning to vanilla CSS to reduce reliance on large frameworks. This trend has exposed a gap: the need for ready-made, accessible color palettes that can be easily dropped into plain stylesheets.

The developer’s original post on Mastodon asked simply for “other colour palettes” beyond Tailwind’s. The response was overwhelming, leading to this curated list that now serves as a public resource for anyone making the same transition.

What This Means for Web Developers

This curated list lowers the barrier for adopting vanilla CSS, especially for designers and developers who struggle with color selection. By offering palettes that are already optimized for readability and accessibility, the community can build aesthetically consistent websites without relying on a framework like Tailwind. The inclusion of tools like Oklch also hints at a future where colors are generated dynamically, reducing the need for static palettes altogether.

“The fact that these palettes come with CSS files means developers can simply import them and start using immediately,” notes a color design expert familiar with the list. “This is a win for accessibility and for those who want lighter, more maintainable codebases.”

As the web development community continues to explore minimalist setups, resources like this color palette directory are likely to become indispensable bookmark entries.

Tags: