Color Compass

About this plugin

🌈 Quickly navigate the color spectrum with designer-focused accuracy

Say goodbye to eyeballing and colour picking randomly from the colour palette!

Feed a base colour to this plugin by clicking on an existing element or updating the hex code and clicking 'Update'.

Generate tints, shades, tones, and complementary colours to quickly build custom color palettes.

Increase or decrease the step value to hone in on the exact shade you want.

Experiment with different swatches and interact with elements directly from the plugin.

Save favourite swatches and use them across all your Figma and Figjam files

Drag and drop saved swatches as you go

---

Upgrade

You will be asked to upgrade this plugin after 10 uses. Upgrading is a one time payment of $30 and includes all future updates and unlimited usage. Thank you for your support!

✨ You may contact the Figma team for a refund if you are unsatisfied with your purchase in any way.

---

⭐️ To Use

• Run the plugin from Figma
• Select an element containing a fill, background, or stroke
• Click on the Update button
• Click on a plugin swatch while an element is selected to update a pre-existing fill, background, or stroke.

⭐️ Usage Notes

• Copy the hex code from the plugin by clicking on the clipboard icon
• Save an active swatch by clicking on the star button
• You can keep clicking on Update to generate random colour palettes based on your previous colour selection.
• Click on the plus button in a palette to add the swatches to your document.
• This plugin will work on any element that is able to display a solid fill, stroke, or background
• Drag and drop saved swatches to reorder them

---

♡ If you run into any bugs or have any feature requests please submit an issue on Github.