Dev Palette

Discover, generate, preview and export beautiful color palettes, gradients and website themes — without leaving VS Code.

Downloads

Rating

— (0)

Version

1.0.3

Last updated

Jul 06, 2026

Themes Visualization #css #react #tailwind #theme #developer-tools #color #palette #frontend #color palette #web-design #ui #tailwindcss #design system #design tokens #ux #gradient #theme-generator

Dev Palette is a Visual Studio Code extension that helps developers create, discover, and manage beautiful color palettes directly inside VS Code.

Features

🎨 Discover curated color palettes and instantly copy HEX color codes.
⚡ Generate monochromatic, complementary, analogous, triadic, and custom gradient palettes.
🌐 Create complete website color themes with a live UI preview.
🔍 Extract colors from existing web pages or project files and generate matching palettes and patterns.
📦 Export palettes as CSS Variables, SCSS, JSON Design Tokens, or Tailwind configuration.

Extractor

Theme

Related extensions

Hackatime Time Tracker

hackatime

Metrics, insights, and time tracking automatically generated from your programming activity.

Visualization Education #productivity

10,867 5.0

Bracket Pair Colorizer 3

hoaihuynh

A customizable extension for colorizing matching brackets

Other #color

6,640

Debug Inspector

HALISTAHASAHIN

Visualize your own C/C++ data structures — threads, semaphores, mutexes, queues, linked lists, any struct collection — as live, sortable tables while debugging with GDB. Config-driven and read-only.

Debuggers Visualization #keybindings

5,350

Map View Embedded

charcoal141

A VS Code extension that visualizes embedded .map files as interactive treemap heatmaps — see where your firmware memory goes at a glance.

Visualization #memory

5,121 5.0