The color picker your Mac deserved.
Pick any pixel on any screen, exactly. Copy it in the format your code wants. Turn it into a palette, a scale, a whole design system, and send it to Figma without leaving your Mac.
Free for 14 days. One-time purchase. macOS 14 Sonoma or later.
Everything between “that color” and your code.
Dabbit does the one job most pickers do, then keeps going: the picked color becomes a palette, the palette becomes a system, the system lands in Figma.
A loupe, not a guess
Pixel-exact and color managed. Zoom up to the pixel, freeze, nudge with the arrow keys, average a 3×3 or 5×5 aperture. On P3 displays you get the P3 value, not a clipped one.
Copy in the format you need
Hex, RGB, HSL, OKLCH, Lab, Display P3, SwiftUI, UIKit, Compose, Flutter, Tailwind and more. Or write your own with a template. Smart Format picks the right one for the app you're in.
Palettes and a library
Every pick lands in your history. Group them into palettes and nested groups, name them, reorder by drag, import tokens, export as CSS variables, Tailwind config, JSON or Swift.
Design systems from a seed
Give it a color and get the scale, 50 to 950, in perceptual OKLCH steps. Give it a few and get a whole system with neutrals, light and dark, ready to ship.
Contrast and vision
WCAG ratios against any background as you pick, and a simulation of how a palette reads with the common forms of color-vision deficiency.
The Color Dock
A floating strip of the colors you're working with, on any screen, always in reach. Drag a color into any app as text, in your default format.
One pick, any syntax.
Thirty-odd built-in formats grouped by platform, plus a template language for the ones we missed. ⌘-click the picker to choose, or let Smart Format decide from the app you're in.
- #7C3AED
- rgb(124 58 237)
- hsl(263 84% 58%)
- oklch(0.541 0.246 293)
- color(display-p3 0.46 0.24 0.90)
- Color(red: 0.486, green: 0.227, blue: 0.929)
- Color(0xFF7C3AED)
- [#7c3aed]
- + your template…
Figma plugin
Your Mac's colors, inside Figma.
The Dabbit plugin talks to the app on your Mac over localhost. Nothing goes through a server, and nothing needs an account.
- Add a palette as Variables (with a Dark mode) or as Color Styles in one click.
- Insert a swatch sheet, simple or detailed with hex, OKLCH and contrast, in rows or columns.
- Send selected fills back to Dabbit, or save a whole selection as a palette. Old sheets import by their layout.
- Live mode: pick on your Mac, the selected Figma layer takes the color. Generate scales and systems without leaving Figma.
One price. No subscription.
Try everything free for 14 days. If it earns its place in your menu bar, buy it once and keep it.
One Mac. Deactivate to move it.
- ✓Every feature, every format
- ✓The Figma plugin and Raycast extension
- ✓Updates included
- ✓Move your license between Macs
Secure checkout by Polar. Prices in USD, before tax.
Questions
- Does it need special permissions?
- The loupe needs Screen Recording, like every picker that reads pixels. If you'd rather not grant it, Dabbit can use Apple's built-in sampler instead; you lose the magnifier and pixel-exact values, nothing else.
- Does anything leave my Mac?
- Your colors and palettes never do. Dabbit talks to the network for two things, checking for updates and validating your license key. The Figma plugin talks to the app over localhost only.
- Is it a subscription?
- No. One payment, and the app is yours. Updates are included. Try it free for 14 days first; only picking locks after the trial, your palettes stay yours.
- Which Macs?
- macOS 14 Sonoma or later, Apple silicon and Intel.