The ultimate color palette generator for Figma
Generate or explore accessible, harmonious colors effortlessly, and save hours while building your design system
01.
Discover
Explore 14 integrated color systems, including Tailwind and Material UI, plus access 30K+ ready-to-use palettes. Find your ideal inspiration.
02.
Refine
Fine-tune colors, shades, and formats effortlessly. Create a palette that’s uniquely yours with intuitive tools.
03.
Integrate
Reuse your palettes seamlessly in Figma, code, and other tools. Designed for easy integration into every project.
Instant color palettes, infinite possibilities
Effortless palette creation in just a click
Fully customisable: change scale colors, color space, padding, names, lightness, saturation...
Create palettes tailored to your needs using the Easing Editor, featuring various easing options for ultimate precision.
Color shifts: use the color shift tool to create a palette with a single color that shifts through a range of hues, saturations and lightnesses.
Seamlessly integrated with Figma: save your palettes as variables.
Color systems: the key to consistent design
Unlock consistency, accessibility, and scalability with color systems
Standardized color format: each color system follows a consistent structure.
Get started with 14 popular color systems like Tailwind, Material, Radix and more.
Redesigned color system generator: more intuitive and powerful.
Flexible color modes: each color palette supports multiple modes (like Light/Dark) or your own custom ones.
Accessibility made simple
Don't waste time using the wrong colors
Smart contrast suggestions: Automatically find the best colors to ensure accessible design.
Contrast grid: easily check and compare color contrast at a glance.
Choose between APCA or WCAG2.1: the most accurate and strict contrast standards.
Contrast Table: master effective color use with insights for each palette
Streamline your color system documentation
Instantly generate and document your palettes and color systems directly in Figma
4 different types of guides: Blocks, Tiles, Cards and Circles.
Customise your guides with a variety of options: layout and spacing.
Save hours of manual work: automatically generate your guides.
A complete color palette generator with everything you need
Packed with features to save hours and help you design like a pro.
Manage variables with ease
Effortlessly create new palette variables or modify existing ones in Figma with just a few clicks.
Extensive palette library
Access over 30,000 ready-to-use palettes to inspire and enhance your projects.
Multiple Color Spaces
5 powerful color spaces, including 2 with uniform perceptual distribution (LCH, OKLCH) for precise, consistent palettes.
Export palettes to any format
Export your palettes effortlessly to popular formats like Figma Tokens, Chakra UI, Material UI, Tailwind...
AI-powered Semantic Tokens
In beta: Integrate with OpenAI to map your palettes to popular semantic token templates.
Theme-compatible palettes
Craft palettes tailored for light/dark themes, ensuring visual consistency across various user preferences.
Trusted by +75k designers worldwide
Join the community of professionals and companies relying on Supa Palette to streamline their design workflows.
Pricing
Used by freelancers, startups and companies all over the world.
Save 20%: use discount code SUPA20
Looking for a custom plan for your growing team?
Do you have a large design team that needs a scalable solution? Our custom plan offers tailored seats and specialized support to meet the specific needs of your organization. Let's talk about how we can optimize Supa Palette for your team’s workflow and design system.
Supa
Palette
The ultimate color palette generator for Figma
LemonSqueezy
Affiliates