Shortcuts that require a specific view (palette vs. gradient) are noted in each table. Shortcuts marked “always available” work from any view, even when an overlay is open.
Palette
These shortcuts control the palette itself — adding colors, regenerating them, and changing how new colors relate to the locked ones.| Key | Action |
|---|---|
| A or Space | Add a new color to the palette |
| R | Reroll all unlocked colors |
| Q | Cycle color relationship (random → complementary → analogous → …) |
| P | Cycle to the next color preset |
| Shift+P | Reroll colors within the current preset |
| I | Open the eyedropper / pick color from screen |
| M | Toggle rearrange mode (drag colors to reorder) — requires 2+ colors |
Per-color (keys 1–9, 0)
Each color in your palette is assigned a number key: 1 for the first color, 2 for the second, and so on up to 9. The tenth color is mapped to 0. Combine modifier keys with a number to act on that specific color. These shortcuts only work in palette view.| Keys | Action |
|---|---|
| 1–9, 0 | Toggle lock on that color |
| Shift+1–9, 0 | Delete that color |
| Alt+1–9, 0 | Reroll that color |
| Shift+Alt+1–9, 0 | Open edit mode for that color |
| V then 1–9, 0 | View variations for that color |
The V + number chord must be pressed within 500 ms. After pressing V, tap the number key before the window expires.
File
These shortcuts handle saving, opening, sharing, and exporting your palette. They are active in palette view when at least one color is present (save, copy link, and export require colors).| Key | Action |
|---|---|
| O | Open a saved palette |
| S | Save the current palette |
| C | Copy a shareable link to the clipboard |
| E | Export palette (code formats: CSS, JSON, Tailwind, SCSS) or gradient export in gradient view |
| Shift+⌘E | Export palette as an image (PNG or SVG) |
View
View shortcuts switch between sections of the app and toggle panels. Most are always available — you can open the contrast checker or preview mode from any context.| Key | Action |
|---|---|
| G | Cycle views: palette → gradient → extract |
| X | Toggle extract-from-image view |
| F | Toggle preview mode overlay — always available |
| T | Cycle UI theme (light → gray → dark) |
| Shift+T | Cycle color vision deficiency (CVD) simulation mode |
| K | Toggle contrast checker panel |
| Shift+K | Cycle contrast tab (vs backgrounds ↔ vs each other) — requires 2+ colors |
| H | Toggle palette history |
| Y | Toggle harmony score panel |
General
| Key | Action |
|---|---|
| Z | Undo — palette view only |
| Shift+Z | Redo — palette view only |
| Esc | Close any open dialog or overlay |
| / | Open the in-app shortcuts hints overlay |
| Shift+/ | Open the docs and about panel |
Related
Generating palettes
How to build and reroll palettes.
Color editing
Edit individual colors by keyboard or mouse.
Export formats
All file formats available when exporting.