PaletteCSS

PaletteCSS is a free online tool that helps designers and developers find

great color fast and turn it into usable code.

Generate color palettes instantly, browse a growing library of curated and

community-submitted palettes, and build smooth CSS gradients with a live

preview. Every palette and gradient comes with copy-ready code — hex codes,

CSS variables, Tailwind config, SCSS variables or a JavaScript array — so you

can drop it straight into any project. You can also download palettes as a PNG

and save your favourites.

Key features:

• Color palette generator (random + from the picker)

• CSS gradient generator with live preview and copy-ready CSS

• Copy in hex, CSS variables, Tailwind, SCSS or JS

• "Colors that go with X" — complementary & matching colors

• Curated palettes by color, theme, mood, aesthetic and industry

• Download palettes as PNG · Save favourites · No signup required

PaletteCSS is built for web designers, front-end developers, UI/UX designers,

brand designers, indie hackers and students — anyone who needs accessible,

production-ready color for websites and apps.

Free to use, no account required: https://palettecss.com