MM Color Interpolation Grid
Explore smooth color transitions and generate harmonious palettes directly inside Figma.
Plugin Preview
About this plugin
Generate harmonious color palettes and explore smooth color transitions grids directly inside Figma.Current version: 1.1.0This plugin lets you create custom color interpolation grids using up to four corner colors. It’s perfect for designers exploring palette variations, easing models, or just geeking out on color theory.Features:Choose top-left, top-right, bottom-left, and bottom-right colors.Generate harmonious starting color palettes with unique names in one click.Interpolate using multiple models: oklab, oklch, rgb, and more.Apply easing functions for smoother or creative transitions.Copy individual hex codes with one click.Insert the entire grid into your Figma file as named rectangles.Optionally create color styles for every cell, grouped by grid.Great for:Building brand palettesCreating beautiful UI color scales/rampsVisualizing color transitions for design systemsA project by Alex Cristache & Mindful Motif.A shout out to the creators of Culori and Color Name API for their invaluable resources.
Plugin Details
| Version | 4 |
|---|---|
| Created | May 26, 2025 |
| Last Updated | June 14, 2025 |
| Category | shapes-colors |
| Creator | Alex Cristache |
| Stats | 406 installs, 94 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.color.pizza
- https://cdn.jsdelivr.net
More Like This
Discover other plugins in the shapes-colors category.