Dev tools · alternatives · 2026

24 alternatives to Tailwind Color Palette by Tailcolors

Instantly copy the perfect TailwindCSS Color

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.

1TA
Tailcolors, a TailwindCSS Color Palette▲12
Hey HN, I built tailcolors.com — a TailwindCSS color palette where you can click to copy any Tailwind color class. I'm a longtime Tailwind user and I've tried some similar tools, but none supported v4 colors or the new oklch variants. Tailcolors has both! You can easily copy the 50-950 variants of each color by clicking on them, plus optionally toggle between copying the raw Tailwind class, a hex code, or the oklch property. Enjoy!
2025 · tailcolors.com · its alternatives →
2
fullwindcss▲367
Extra color shades for Tailwind CSS
2024 · fullwindcss.com · its alternatives →
3
Tailwind Palette▲90
Generate shades & tints for color with its Tailwind config
2021 · tailwind-color-palette.netlify.app · its alternatives →
4
Palette▲78
Generate Custom Tailwind Color Palettes from a prompt
2023 · palette.tone-row.com · its alternatives →
5
Tailwind Colors by GetEles▲9
A collection of colors in Tailwind CSS
2025 · geteles.com · its alternatives →
6
HueWind▲80
A opinionated, cohesive palette generator for Tailwind CSS
2022 · huewind.jordantwells.com · its alternatives →
7
Image-to-Tailwind▲87
Generate a Tailwind-ready color palette from an image
2021 · image-to-tailwind.netlify.app · its alternatives →
8
UI Colors▲302
Tailwind CSS color generator & editing tool
2022 · uicolors.app · its alternatives →
9
AI color palette generator for Tailwindcss▲209
A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.
2020 · tailwind.ink · its alternatives →
10
Tailwind.ink▲233
AI color palette generator for Tailwindcss
2020 · tailwind.ink · its alternatives →
11
Tailwind Color Palette▲4
Tailwind CSS colors in HSL, RGB, HEX and OKLCH formats
2025 · colors.raulcarini.dev · its alternatives →
12
𝘊𝘰𝘭𝘰𝘳𝘴 𝘈𝘯𝘥 𝘍𝘰𝘯𝘵𝘴 2020▲185
Colors, fonts & resources for developers & digital designers
2020 · colorsandfonts.com · its alternatives →
13
Tailwind Helper▲120
Convert and visualize your tailwind classes
2022 · its alternatives →
14
Tailwind Animations▲132
Beautiful copy + paste Tailwind CSS animations in seconds
2023 · tailwindanimations.co · its alternatives →
15
ColorHub▲178
Find the perfect color palette for your next project
2021 · colorhub.vercel.app · its alternatives →
16
Colors and Fonts▲211
Colors, fonts & resources for Developers & Digital Designers
2019 · colorsandfonts.com · its alternatives →
17
Tailwind Custom Color Palettes and GPT3▲9
Generate a custom Tailwind color palette from a prompt. Palette supports light mode and dark mode, neutral swatches, and shades for your custom colors.
2023 · palette.tone-row.com · its alternatives →
18
Tailwindize▲7
Convert colors into ones from the Tailwind CSS color palette
2021 · quoorex.com · its alternatives →
19
Tailwind CSS Color Generator▲3
Generate custom color palettes for Tailwind
Dec 2025 · its alternatives →
20
uiHue - Free Tailwind4 Palette Generator▲15
Tailwind CSS v4 OKLCH Palette Generator, free forever.
2025 · its alternatives →
21
Tailwind CSS 2.0 Color Palette▲5
All the new fancy Tailwind CSS 2.0 colors
2020 · themes.dev · its alternatives →
22
TailConverter▲183
The easiest way to convert CSS to Tailwind CSS
2024 · tailconverter.com · its alternatives →
23
Tailwind CSS Gradient Generator▲110
Awesome open-source gradient tool for web designers
2022 · creative-tim.com · its alternatives →
24
CopyPalette▲169
Copy-paste your color palette in a blink 🤙
2019 · copypalette.netlify.com · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →