MM Color Interpolation Grid

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.