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
Best For
Design system creators and Figma users who need production-ready accessible palettes across multiple frameworks.
Key Features
- 14 integrated color systems including Tailwind, Material UI, and Radix
- Easing editor for precise color scale adjustments
- Color shift tool for gradient hue transitions
- APCA and WCAG 2.1 contrast checker with smart suggestions
- Figma-native integration saves palettes as variables and auto-generates documentation
Pros
- +Deep Figma integration streamlines design-to-development handoff
- +Support for multiple major design system color tokens out of the box
- +Smart contrast suggestions make accessibility effortless
Cons
- -Requires Figma — not available as a standalone web tool
- -Learning curve for configuring custom color systems
/// SPECS
- Pricing:Free
Mesh Gradients
A free mesh gradient collection with 100 presets, multi-format downloads, and rainbow/pastel/natural styles.
Grabient
A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.
Gradient Hunt
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
Color Pal
Presumed to be a color picker and palette generator supporting color extraction and multi-format conversion (inferred from similar tools).
Color Selector
A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions.
ColorHuddle
A palette tool with live examples, offering copyable color codes and landing page previews, completely free.
WebGradients
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
RandomA11y
An accessible color combo generator producing WCAG/APCA-compliant contrasts with multi-format values and CSS code.
Colorspace
A color space tool generating gradient color scales for specific hues with chroma and lightness adjustments.
Color Leap
A historical color palette tool showcasing colors from different periods spanning 2000BC to the 1960s.