Palette Cards
Palette cards are color reference cards that store one or more colors as a reusable palette.
They are useful when you want to:
- save sampled colors from the screen
- keep a project’s working palette next to visual references
- extract dominant colors from an image and preserve them separately
- compare multiple color directions in the sidebar, canvas, or Smart Viewer
What a Palette Card Contains
A palette card can contain:
- a single picked color
- a small set of sampled colors
- a palette extracted from an image
Each color is stored as a reusable value that can later be shown as HEX, RGB, or HSL in Smart Viewer.
How to Create a Palette Card
You can create a palette card in several ways:
- use the global Color Picker
- extract colors from an image with Palette Extraction
- save an accumulated set of sampled colors as one palette
Where Palette Cards Work
| Area | Behavior |
|---|---|
| Sidebar | Shows the palette as a compact color preview |
| Canvas | Lets you arrange palettes alongside other reference cards |
| Smart Viewer | Shows a larger segmented layout with copyable color values |
Smart Viewer Behavior
In Smart Viewer, palette cards are optimized for inspection rather than zooming or cropping.
Available actions
- switch between HEX, RGB, and HSL
- click a value to copy it
- move through palette cards with the same navigation controls used for other cards
Value presentation
Each color segment displays its value in a bottom-aligned label bar, making the text readable without turning the entire palette into a stack of floating badges.
Good Use Cases
- UI design color systems
- illustration and concept art palettes
- brand color references
- extracted moodboard colors
- keeping a set of sampled screen colors for later reuse
Last updated on