Supa Palette

The ultimate color palette generator for Figma

by Angelo Libero

users
105K
likes
2.8K
saves
25K
comments
182
Free + paid featuresWorks inFigma Design
Price
Free + paid features
Latest version
v147 · Jan 28, 2025
First published
May 4, 2022
Publisher
Angelo Libero
Features

What Supa Palette does

What the plugin declares in its manifest.

  • Manifest

    Open Supa Palette

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Supa Palette

Supa Palette is a free + paid features Figma plugin published by Angelo Libero in 2022. It works in Figma Design and has 105,279 users and 2,803 likes on the Figma Community. It ranks #11 in Color Palettes on our lists.

In the developer's words

The Ultimate Color Palette Generator for Figma

Elevate your design workflow with Supa Palette 5, the premier tool for generating, refining, and managing color palettes effortlessly. Tailored for Figma, it enables designers to craft accessible, harmonious colors swiftly while ensuring consistency, scalability, and efficiency across all projects.

Key Features

Discover Inspiration: Explore a vast collection of over 50,000 ready-to-use palettes and delve into 15+ popular color systems, including Tailwind, Material UI, and Radix.

Refine and Customize: Enhance your palettes with powerful tools such as the Curve Editor, seamless light/dark mode support, and advanced color spaces like HSL, OKLCH, and RGB.

Hue Shift Functionality:Adjust hues effortlessly to achieve the perfect color balance, adding a new dimension to your design capabilities.

Enhanced Accessibility: Design inclusively with automatic contrast suggestions, a contrast grid compliant with WCAG and APCA standards, and advanced accessibility insights.

Comprehensive Color Systems: Build consistent palettes with prebuilt systems, customizable modes, and standardized structures tailored for accessibility and scalability in modern designs.

Streamlined Workflow: Save palettes as Figma variables, create detailed documentation guides, and export to multiple formats like Tailwind CSS, Material UI, JSON, SCSS, and more.

Time-Saving Automation:Automatically generate palette names, update variables, and produce in-depth color guides, minimizing repetitive tasks and maximizing your creative time.

Supa Palette 5 is your ultimate companion for professional-grade color management. Elevate your Figma projects with unparalleled control, accessibility, and integration capabilities.

Trusted by over 75K designers, Supa Palette simplifies color management so you can focus on creating beautiful designs.

Visit official website:

[https://www.supa-palette.com/](https://www.supa-palette.com/)

Feedbacks or feature requests?

[https://supa-palette.canny.io/](https://supa-palette.canny.io/)

❤️ Enjoying Supa Palette?

Your support fuels more innovative plugins and design resources:

❤️ Like this plugin if it’s reshaping your design workflow.

👨‍🎨 Follow @angelolibero for the latest updates and insights.

💬 Comment with your experiences and suggestions.

📤 Share this tool with your network to spread the creative revolution.

Changelog

What's new

Version 147 · released Jan 28, 2025

  • Fixed know issues creating modes
Trust

Permissions and privacy

Network access

Supa Palette can only connect to the 13 domains declared in its manifest: www.supa-palette.com, www.supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/, supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/api/license, www.supa-palette.com/api/license, api.openai.com/v1/chat/completions, api.gumroad.com, api.lemonsqueezy.com, api.lemonsqueezy.com/verify, supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/, api-js.mixpanel.com, mixpanel.com, s3-alpha.figma.com and cdnjs.cloudflare.com.

  • www.supa-palette.com
  • www.supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/
  • supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/api/license
  • www.supa-palette.com/api/license
  • api.openai.com/v1/chat/completions
  • api.gumroad.com
  • api.lemonsqueezy.com
  • api.lemonsqueezy.com/verify
  • supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/
  • api-js.mixpanel.com
  • mixpanel.com
  • s3-alpha.figma.com
  • cdnjs.cloudflare.com

Extra permissions

  • Reads your Figma name and avatar

Read from the plugin's published manifest.

Rankings

Where Supa Palette ranks

Compare

Supa Palette alternatives

  1. 1

    Color Palettes

    by Manthankumar Satani

    450K users4KFree

    A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥

  2. 404K users532Free

    Generate color palettes

  3. 3

    Foundation

    by Jorge Fernandes

    268K users3KFree
  4. 4

    Coolors

    by Coolors

    259K users7.3KFree
  5. 5

    Color Shades

    by Zach Krall

    167K users2.6KFree
  6. 6

    Palette

    by Dustin Mierau

    143K users1.7KFree

    Ideas for Color in Figma

FAQ

Supa Palette FAQ

What does Supa Palette do?

The ultimate color palette generator for Figma. It's a Figma plugin by Angelo Libero that runs in Figma Design.

Is Supa Palette free?

Supa Palette is free to install, but some features are unlocked through a paid plan on the developer's site.

Is Supa Palette safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Supa Palette can only connect to the 13 domains declared in its manifest: www.supa-palette.com, www.supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/, supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/api/license, www.supa-palette.com/api/license, api.openai.com/v1/chat/completions, api.gumroad.com, api.lemonsqueezy.com, api.lemonsqueezy.com/verify, supa-palette-web-2-0-git-40-angelo-liberos-projects.vercel.app/, api-js.mixpanel.com, mixpanel.com, s3-alpha.figma.com and cdnjs.cloudflare.com. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Supa Palette?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Supa Palette?

By user count, the closest alternatives are Color Palettes, Color wheel palette generator and Foundation. Compare all of them on the best Figma plugins for color palettes.

For developers

Built this plugin?

Use this page as a landing page for Supa Palette: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Supa Palette on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/supa-palette/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Supa Palette on figmaplugins.co" width="220" height="48"></a>

Want it featured on figmaplugins.co? Submit it for review