New Palettes can be previewed before creating! UI Color Palette is a Figma and FigJam plugin that creates, manages, deploys, and publishes consistent and accessible color palettes. The plugin uses alternative color spaces, like LCH , OKLCH , CIELAB , OKLAB , and HSLuv , to create color shades based on the configured lightness scale. These spaces ensure WCAG standard compliance and sufficient contrast between information and background color. --- Website: www.ui-color-palette.com UI Color Palette 4.2 newsletter: uicp.link/whats-new Browser complete compatibility: Figma Desktop App, Google Chrome, Opera, Microsoft Edge, and other Chromium-based browsers. Partial compatibility: Mozilla Firefox, Apple Safari --- Why UI Color Palette Create your accessible palette in seconds □ Pick your brand colors directly or pull from Coolors , Realtime Colors , or Colour Lovers (1M+ palettes). □ Set up lightness levels using preset systems like Material 3 , Ant Design , IBM Carbon , or make your own. □ Pick your preferred color space: LCH , LAB , or HSLuv . □ Use ready-made palettes from our community. Manage the color scaling that complies with WCAG □ Check contrast with WCAG 2.1 and APCA . □ Build light and dark themes. □ Test for colorblindness. □ Fine-tune text contrast. Sync the colors with styles, variables, and third-party plugins □ Link colors to styles and variables. □ Send to Tokens Studio . Transfer the palette to development □ Get Style Dictionary tokens. □ Export for Tailwind . □ Generate code for SwiftUI , UIKit , Kotlin , and XML . Publish the palette for reuse and sharing □ Store palettes in the cloud. □ Share with other users. □ Browse and use community palettes. --- Share your ideas and submit your feedback at a single place: ui-color-palette.canny.io --- Useful links Have help □ Read the documentation □ Contact support Get involved □ Submit feedback □ Share your ideas Give support □ Follow the plugin LinkedIn page □ Follow the author --- If you find UI Color Palette useful, please share it with your colleagues! --- The plugin is open-source. Feel free to both watch or fork the repository , or request a merge. Made by Aurélien Grimaud , Senior Product Designer based in Paris.
UI Color Palette・WCAG-Compliant Color Palette Suite
无障碍 · 666 likes
Create, Manage, Deploy & Publish WCAG-compliant color palettes.
Related plugins
- Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
- Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
- Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
- A11y - Color Contrast Checker
Text color accessibility
- Color Designer
- Vectorized (PNG to SVG)
Convert bitmap-type images into vector graphics