Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Catppuccin Palette PickerNew to Visual Studio Code? Get it now.
Catppuccin Palette Picker

Catppuccin Palette Picker

Lily Oliveira

|
5 installs
| (0) | Free
| Sponsor
Easily reference and copy Catppuccin Palette color codes directly inside VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Catppuccin Palette Picker Logo
Catppuccin Palette Picker

An extension that provides easy access to the beautiful Catppuccin Color Palette directly within your editor. Quickly reference and copy color codes in multiple formats without leaving your workflow.

Preview

Preview

Features

  • 🎨 All Four Catppuccin Flavors: Latte, Frappé, Macchiato, and Mocha
  • 📋 Multiple Color Formats: HEX, RGB, and HSL
  • 🖱️ One-Click Copy: Click any color card to copy the color code to your clipboard
  • 🔍 Visual Color Preview: See all colors with their names and values at a glance
  • 📍 Sidebar Integration: Access colors from a convenient sidebar view in your activity bar
  • ❤️ Favorite Colors: Mark your frequently used colors as favorites for quick access at the top of the list

Usage

Opening the Catppuccin Palette Picker

The Catppuccin Palette Picker appears as a sidebar in your activity bar. You can access it by:

  1. Clicking the Extension icon in the activity bar
  2. Running the command Catppuccin Palette Picker from the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)

Selecting Flavors and Formats

  • Use the flavor dropdown to switch between Latte, Frappé, Macchiato, and Mocha.
  • Use the format dropdown to choose between HEX, RGB, or HSL color codes.

❤️ Favorites

Click the heart icon on any color card to mark it as a favorite. Favorited colors appear at the top of the palette for quick access.

Extension made by Lily 💖

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