UI Color Palette・WCAG-Compliant Color Palette Suite

无障碍 · 666 likes

Create, Manage, Deploy & Publish WCAG-compliant color palettes.

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.

Open in Figma

Related plugins