Developer's Quest for CSS Color Palettes Beyond Tailwind Sparks Community Resource List
Breaking: Developer Abandons Tailwind, Curates Alternative CSS Color Palettes
A web developer who ditched the Tailwind framework for vanilla CSS has published a comprehensive list of alternative color palettes, igniting interest among designers and developers seeking new tools. The resource, shared on Mastodon, includes curated favorites and generators for accessible, modern color schemes.
The Catalyst: Moving Away from Tailwind
The developer, who requested to remain anonymous, stated: "I decided to stop using Tailwind for new projects and to just write vanilla CSS instead." They acknowledged missing Tailwind's built-in color palette, which offered shades like blue-100 and blue-200. "I'm not very good with colours," they added, "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."
Top Picks: Three Palettes That Stand Out
After polling followers on Mastodon, the developer highlighted three personal favorites:
- uchū (CSS file, FAQ) – a modern, muted palette
- flexoki (CSS file) – inspired by fountain pen inks
- reasonable colours (CSS file) – designed with accessibility in focus
The developer noted that "reasonable colours" places emphasis on contrast and readability, making it a strong choice for inclusive design.
Expanded List of Color Palettes
Beyond personal favorites, the community contributed several other established systems:
- Web Awesome – an open‑source palette companion to Font Awesome
- Radix – a step‑based system for UI consistency
- US Web Design Systems – government‑backed, accessibility‑tested colors
- Material Design – Google’s ubiquitous color framework
Color Palette Generators: Tools for Experimentation
Several users recommended generators for those who prefer to craft custom schemes:
- Harmonizer
- tints.dev
- Coolors
- colorpalette.pro
The developer admitted, "I've always found these types of generators too hard to use," but included them for others who might have more success.
Additional Color Tools Revealed
The thread also surfaced complementary utilities:
- Colorhexa – provides colorblindness simulation data (more)
- Oklch – a CSS color space for perceptually uniform gradients
- Generative Colors with CSS – demonstrates dynamic color generation using the
oklch()function (read more)
Background
Tailwind CSS gained massive popularity for its utility‑first approach and carefully curated default color palette. Many developers relied on its pre‑defined shades (e.g., blue‑50 through blue‑900) to maintain visual consistency without needing deep color theory knowledge. The shift to vanilla CSS often means losing that built‑in safety net, prompting developers to seek standalone color systems or generators.
What This Means
The compiled list signals a growing demand for accessible, customizable color tools that work outside framework ecosystems. As more developers embrace vanilla CSS or minimal tooling, community‑curated resources like this become essential for maintaining design quality. The emphasis on accessibility (as seen in reasonable colours) and modern color spaces (like Oklch) reflects a broader industry push toward inclusive, scientifically‑grounded web design.