UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites
Color Palettes that meet WCAG Guidelines and Operations (tailored for teams)
Plugin Preview
About this plugin
UI Color Palette 5.2 Chardonnay is the latest version, featuring advanced accessibility tools.UI Color Palette is a Figma, Dev mode, and FigJam plugin that creates, manages, exports, and publishes consistent and accessible color palettes. The plugin uses alternative color spaces, like LCH, OKLCH, CIELAB, OKLAB, and HSLuv, to create color shades and tints based on the configured lightness scale. These spaces ensure WCAG standard compliance and sufficient contrast between information and background color.---UI Color Palette /one is the newborn plugin, where the subscriptions are actually managed by the UI Color Palette Team and tailored for teams and scalability. If you are looking for a simple, personal design tool, check out UI Color Palette /figma.---Join the Discord server to have help, share your ideas, ask questions, etc: uicp.ylb.lt/community---Create, Manage, Deploy, and Publish color palettesCreate your accessible palette in secondsGenerate source colors from an image, AI, the color wheel, Coolors, Realtime Colors, or Colour Lovers (1M+ palettes)Set up lightness levels using preset systems like Material 3, Ant Design, Tailwind, or make your ownPick your preferred color space: LCH, OKLCH, LAB, OKLAB, HSLuv, or HSLManage the color scaling that complies with WCAGCheck contrast with WCAG 2.1 and APCABuild light, dark, or colorblindness (protanomaly, deuteranomaly, etc) color modesTurn the shades/tints into transparencyExport the palette as color primitivesSync colors to local styles and variablesExport as tokens in many formats: DTCG, Tokens Studio, Style Dictionary v3Generate code for Apple and Android Apps: SwiftUI, UIKit, Kotlin, and XMLPublish the palette for reuse and sharingStore palettes in the cloud to use them on several platforms: Penpot, Sketch, and Framer.Share your most loved palette with the community of UI Color Palette usersHunt the perfect palettes from the community of UI Color Palette users---Useful linksHave HelpRead the documentationJoin the communityGet InvolvedSubmit feedbackShare your ideasGive SupportFollow the plugin LinkedIn pageSupport the author---Quick info🖥️ Website: www.ui-color-palette.com📰 UI Color Palette release note: uicp.ylb.lt/whats-new🧭 Browser complete compatibility: Figma Desktop App, Chromium-based browsers (Arc, Edge, Chrome, etc)🧭 Browser partial compatibility: Mozilla Firefox, Apple Safari📦 The plugin is open-source. Feel free to watch, fork the repository, or request a merge👨🎨 Made by Yelbolt, products that cut the pain and spark the brain
Plugin Details
| Version | 44 |
|---|---|
| Created | July 31, 2025 |
| Last Updated | March 9, 2026 |
| Category | Accessibility tools |
| Creator | Aurélien Grimaud |
| Stats | 59 installs, 19 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:./dist/index.html
- main:./dist/plugin.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://*.amazonaws.com
- https://*.figma.com
- https://*.githubusercontent.com
- https://*.googleusercontent.com
- https://*.gravatar.com
- https://*.mixpanel.com
- https://*.sentry.io
- https://*.wp.com
- https://*.yelbolt.workers.dev
- https://api.mistral.ai
- https://asset.brandfetch.io
- https://figma.com
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://www.colourlovers.com
- https://zclweepgvqkrelyfwhma.supabase.co
More Like This
Discover other plugins in the Accessibility tools category.
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 🔥