MM Color Interpolation Grid

This Free Figma 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 color 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.