Interactive OKLCH color palette exploration and selection for brand design systems. Guides from brand discovery through palette generation, iteration, and selection using a visual Palette Explorer tool.
- Brand Discovery — Guided questionnaire to understand brand qualities, audience, and competitive landscape
- OKLCH Palette Generation — Creates 8-12 diverse palettes respecting semantic safe zones and hue constraints
- Interactive Explorer — HTML-based tool with side-by-side comparison, dark/light toggle, and in-situ UI mockups
- Iterative Tuning — Refine palettes based on feedback with targeted variant generation
- Production Export — CSS custom properties ready for your design system
Via the Lockstride marketplace in Claude Code:
/plugin marketplace add lockstride/claude-marketplace
/plugin install palette-explorer@lockstride-marketplace
Or install directly:
/plugin install https://github.com/lockstride/palette-explorer-plugin.git
Once installed, trigger the skill by asking Claude to:
- "Explore color palettes for my app"
- "Create a color palette for my brand"
- "Design a color system"
- "Build a color scheme for my SaaS"
The workflow will guide you through brand discovery, palette generation, interactive comparison, and final selection.
MIT - see LICENSE file for details.