On this page
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.
What's new
Version 149 · released Jan 30, 2025
- Fixed a known error saving variables
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.
Where Supa Palette ranks
Supa Palette alternatives
- 1

Color Palettes
by Manthankumar Satani
437K users3.9KFreeA free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
- 2

Color Designer
by Wojciech Banaś
110K users1.7KFree - 3

Tailwind CSS Color Generator
by Erik de Vries
108K users3.6KFreeCreate custom Tailwind CSS color scales based on a given Hex code or HSL color
- 4

Find and Replace Colors
by Wei Zhong
97K users833FreeQuickly recolor for templates
- 5

Chroma Colors
by Miguel Solorio
92K users966FreeCreate bulk color styles from selection
- 6

UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites
by Aurélien Grimaud
92K users814Free + $8/mo upgradeColor Palettes that meet WCAG Guidelines and Operations (tailored for individuals)
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.
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.
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>