Free: 2 design packs a day without account, 5 per day with free account. Pro: $9 per month (or $90 per year) for 50 packs per month, any page of a site, private packs, MCP server and REST API.
Key features
Eyedropper tool for picking colors from anywhere on screen
Support for multiple color modes including RGB, HSB, and HSL
Color library with save and organization functionality
Powerful search functionality to find colors by name or value
Menu bar quick access with one-click copy
Multiple export formats for color values
Global hotkey for instant color picking
Color history tracking and management
Customizable global hotkeys and color format preferences
Automatic dark mode adaptation
DESIGN.md in Google's format describing colors, type, spacing, radii, shadows and components
BEHAVIOR.md covering hover, focus, tooltips, menus, motion, scrolling, tables, forms and dark mode
Screenshots at four widths: 1440, 1024, 768 and 390 pixels
W3C design tokens (DTCG) format for Style Dictionary and Figma plugins
CSS custom properties with all design values
Tailwind v4 theme block
SKILL.md for Claude Code and Cursor
MCP server integration for AI agents to fetch packs automatically
REST API with keys for automated access
Private packs accessible only to the user
What makes it different
Secure local data storage with no privacy concerns
Real-time preview and precise color adjustment
All data stored securely on your device
Menu bar integration for instant access
Measured from live pages, not guessed from screenshots
Captures behavioral details like interactions and state changes, not just visual design
Free tier requires no account or card to try
AI agents can use Stylepack directly with Pro via MCP server
PixelColor
Stylepack