0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Supa Palette

The ultimate color palette generator for Figma

by Angelo Libero

users
102K
likes
2.8K
saves
24K
comments
182
Free + paid featuresWorks inFigma Design
Price
Free + paid features
Latest version
v149 · Jan 30, 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 101,887 users and 2,755 likes on the Figma Community. It ranks #4 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 149 · released Jan 30, 2025

  • Fixed a known error saving variables
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

    437K users3.9KFree

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

  2. 2

    Color Designer

    by Wojciech Banaś

    110K users1.7KFree
  3. 108K users3.6KFree

    Create custom Tailwind CSS color scales based on a given Hex code or HSL color

  4. 97K users833Free

    Quickly recolor for templates

  5. 5

    Chroma Colors

    by Miguel Solorio

    92K users966Free

    Create bulk color styles from selection

  6. 92K users814Free + $8/mo upgrade

    Color Palettes that meet WCAG Guidelines and Operations (tailored for individuals)

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 Designer and Tailwind CSS Color Generator. 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>