ShipIt Palette — One hex to a full design system
One hex to a full design system with 14 export formats and Figma.
From one color to a system you can ship.
- Generator: Eight algorithms — Tailwind, OKLCH, Material 3, Radix and more — with 3 to 15 shades.
- Accessibility: WCAG and APCA contrast matrix, auto text color and color-blindness simulation.
- Figma: Tokens Studio JSON, native Figma Variables and a generated plugin.
- Exports: Tailwind v4, CSS, SCSS and more in HEX, RGBA, HSL or OKLCH — plus OG images and spec sheets.
- Live preview: Nine scenes, including a split-view playground for real HTML.
- Color tools: Extract from an image, suggest pairs and build gradients.
Four steps from hex to handoff.
- Pick a color: Type a hex or press space for a random one.
- Choose an algorithm: See the whole UI recolor live.
- Check contrast: AA and AAA badges on every shade.
- Export: Copy, download, or send it to Figma.
Details
- Platform
- Web, light and dark
- Notations
- HEX, RGBA, HSL, OKLCH
- Exports
- 14 formats
- Figma
- Tokens Studio, Figma Variables, custom plugin
- License
- MIT
More from ShipIt
- Vouchline — Research agents that cite and re-check every claim.
- Forge — GitHub coding agent that fixes issues and reviews PRs.
- Sentinel — Autonomous AI penetration testing with real proof.
- shipit-agent — The Python runtime under every ShipIt agent.
- Watchtower — Tracing, cost and PII masking for LLM apps.
- Relay — A self-hosted engineer on your Claude subscription.
- ShipIt Cloud — Multi-tenant console for white-label agents.
- ShipIt CLI — Terminal coding agent with two-way chat bots.
- Pentest skills — One /pentest command for Claude Code.
- ShipitQA — Goal-driven QA in real browsers, with evidence.
- KeyVault — Zero-knowledge password manager. No server.
- MacSweep — Clean, protect and understand your Mac.
- Snappilot — Free screen capture studio, fully on-device.
- shipit-ui-design — Senior UI/UX as a Claude Code plugin.