Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>PaletteCSS — Color PalettesNew to Visual Studio Code? Get it now.
PaletteCSS — Color Palettes

PaletteCSS — Color Palettes

PaletteCSS

| (0) | Free
Browse beautiful color palettes and copy them as CSS, Tailwind, SCSS or HEX — right inside VS Code. Powered by PaletteCSS.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🎨 PaletteCSS — Color Palettes for VS Code

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.

✨ Features

  • 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

🚀 How to use

  1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
  2. Run "PaletteCSS: Browse Color Palettes"
  3. 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.

🌐 Want more?

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:

👉 palettecss.com

💬 Feedback

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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft