MM Color Interpolation Grid

About this plugin

Generate harmonious color palettes and explore smooth color transitions grids directly inside Figma.

This 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:

1. Choose top-left, top-right, bottom-left, and bottom-right colors.
2. Generate harmonious starting color palettes with unique names in one click.
3. Interpolate using multiple models: oklab, oklch, rgb, and more.
4. Apply easing functions for smoother or creative transitions.
5. Copy individual hex codes with one click.
6. Insert the entire grid into your Figma file as named rectangles.
7. Optionally create color styles for every cell, grouped by grid.

Great for:

1. Building brand palettes
2. Creating beautiful UI color scales/ramps
3. Visualizing color transitions for design systems

A project by Alex Cristache & Mindful Motif.

A shout out to the creators of Culori and Color Name API for their invaluable resources.