paletta
Live in Figma Community

Paletta for Figma

Generate OKLCH palettes, check WCAG contrast, and push to Figma Variables in one click. Export production code without leaving your file.

Install from Figma CommunityOpen Studio

Free · Works with Figma Variables · v1.0

The Paletta plugin in Figma: base colors on the left, 11-step OKLCH scales with contrast dots on the right, and a Create variables button.

How it works

From prompt to production tokens in three steps.

Prompt or random. Five colors, semantically named.

WCAG 2.2 verdicts on every color pair. APCA as a perceptual lens.

Variables panel updates instantly. Export CSS free, Tailwind with Pro.

Made for production design systems

  • Figma Variables

    Push any palette to Figma Variables in one click. Base colors are free. Shade scales (50 to 950) are a Pro feature.

  • Accessibility lens

    Check WCAG 2.2 contrast on every color pair. Preview through three color vision types free, five with Pro, without leaving Figma.

  • OKLCH shade scales

    Perceptually even shade scales with predictable lightness. No HSL hue shift, no Sass darken() drift. Your color lands on 500 exactly, and OKLCH spaces the steps above and below it evenly. A Pro feature in the plugin.

Build faster with Paletta

Install the plugin, then use Studio anywhere you need the full system.

Install from Figma CommunityOpen Studio

Built by Andres Clavijo · Clavijo Studios LLC