UI Color Palette・WCAG-Compliant Color Palette Suite

About this plugin

Figma UI3 is now supported!

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.

---

Share your ideas and submit your feedback at a single place: ui-color-palette.canny.io

---

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

---

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!

---

□ Website: www.ui-color-palette.com

□ UI Color Palette 4.3 newsletter: uicp.ylb.lt/whats-new

□Browser complete compatibility: Figma Desktop App, Google Chrome, Opera, Microsoft Edge, and other Chromium-based browsers.

□Partial compatibility: Mozilla Firefox, Apple Safari

---

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.