Supa Palette
A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems.
Product Overview
Color Systems: Integrates 14 systems (Tailwind, Material UI, Radix) with custom modes (e.g., light/dark themes) Easing editor for precise color scales, color shift tool for gradient hues Contrast checker (APCA/WCAG 2.1) with smart suggestions Figma Integration: Saves as variables, auto-generates documentation guides (Blocks/Tiles/Cards/Circles) Resource Library: 30K+ pre-made palettes, 5 color spaces (including LCH/OKLCH) AI Capabilities: Beta semantic tokens mapped to popular templates via OpenAI Export Formats: Figma Tokens, Chakra UI, Tailwind, and more
label.best_for
Resource Library: 30K+ pre-made palettes, 5 color spaces (including LCH/OKLCH) AI Capabilities: Beta semantic tokens mapped to popular templates via OpenAI Export Formats: Figma Tokens, Chakra UI, Tailwind, and more
Key Features
- Ready-made UI components
- Figma/Sketch/XD formats
- Responsive layouts
- Customizable design tokens
Pros
- +Ready-to-use templates
- +Color palette generation
- +Export to CSS/design tools
- +Accessibility contrast checking
Cons
- -Limited to color generation only
- -May require learning curve
Material UI Color Tool
Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.
Gradient Hunt
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
Grabient
A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.