Browse beautiful color palettes and copy them as CSS, Tailwind, SCSS, or HEX — without ever leaving your editor.
Powered by PaletteCSS, the free color palette generator for developers and designers.
- Browse curated palettes in a clean panel inside VS Code
- Click any color to copy its HEX instantly
- Copy a whole palette as CSS variables, Tailwind config, or a HEX list — one click
- Insert CSS straight into your active file at the cursor
- Generate random palettes when you need fresh inspiration
- 100% free, no signup, no account
- Open the Command Palette (
Ctrl+Shift+P/Cmd+Shift+P) - Run "PaletteCSS: Browse Color Palettes"
- Click a color to copy it, or use Copy CSS / Tailwind / HEX on any palette
You can also run "PaletteCSS: Copy Random Palette as CSS" to drop a fresh palette on your clipboard instantly.
This extension is a taste of the full tool. For thousands of palettes, a live color palette generator, a CSS gradient generator, "colors that go together" suggestions, and exports to CSS / Tailwind / SCSS / JSON — visit:
Found a bug or have an idea? Let me know at palettecss.com. Every bit of feedback helps make it better.
Made with ❤️ by PaletteCSS