Paletta

About this plugin

Generate OKLCH shade scales, validate WCAG contrast, and sync directly to Figma Variables, or export as CSS variables, Tailwind config, or DTCG tokens.Why Paletta?🎨 Smart Generation: AI prompts ("muted Nordic winter") or 3 harmony modes (Analogous, Complementary, Triadic). Shades generated in OKLCH for perceptually uniform steps.🛠 Clean Variables: Map colors to semantic roles (Primary, Secondary, Accent, Neutral, Semantic) without polluting your file.👁 Accessibility Lens: Real-time WCAG 2.2 contrast checks, APCA perceptual scores, and vision simulation across 4 deficiency types (Protanopia, Deuteranopia, Tritanopia, Achromatopsia).💻 Dev-Ready Handoff: One-click export as CSS custom properties, Tailwind config, or DTCG tokens.📦 Full Shade Scales: 50 to 950, 11 steps per color, generated in OKLCH.☁ Synced Library: Saved palettes and systems sync with your Paletta web account and follow you across devices.The workflow:1. Seed: Type a hex, extract from an image, or prompt the AI.2. Refine: Lock the colors you like, regenerate the rest.3. Validate: Toggle the Accessibility Lens to check WCAG contrast and simulate vision deficiencies.4. Export: Sync to Figma Variables or copy the code.Free features:5-color palettes, locking, WCAG contrast checks, CSS export, Accessibility Lens (Protanopia and Deuteranopia), 3 saved palettes, 3 AI prompts per day.Paletta Pro ($9/month or $79/year at usepaletta.io):Unlimited AI prompts and saves, 6 to 8 color palettes, full shade scales (50 to 950), Tailwind and DTCG export, all Accessibility Lens modes, image extraction.Note: Pro is billed separately at usepaletta.io. The plugin is free to install.Built for designers who ship. Feedback? [email protected] more → usepaletta.io