Particle Palette is a color palette engine designed for theming web applications. It generates color palettes that can be swapped with tailwind's default color palette. The core applicaton colors are base and accent.
The base palette can be used for atmospheric colors:
The accent palette is used to draw attention to elements:
Both the base and accent palettes indicate which color is closest to the input value with a small indicator dot. The value you input may not appear in the palette, but it will fit right in with the generated palette if you still want use it.
17 named color palettes are spun from the accent color. The names of these colors match those of tailwind's colors, making them hot-swappable. You can hover a color to see its name and value, and you can click or tap a color to copy it.
Finally, each color ships with a readable contrast color; where possible, this contrast color will be sourced from the same palette row, but will fall back to black or white.
Here's an example tailwind config that sets up colors to consume from CSS variables exported as RGB channels.
If you have any questions, concerns, or feedback, feel free to send me an email.