Back to Plugins
UI Color Palette /figma・WCAG Color Palette Manager for Apps & Websites

UI Color Palette /figma・WCAG Color Palette Manager for Apps & Websites

Color Palettes that meet WCAG Guidelines and Operations (tailored for individuals)

accessible color palettepalettecolor palette generatoraccessibilityoklchcontrastcolor systemcolor palettecolorwcagwcag-checkerscolorapcacolor scalelch

Plugin Preview

UI Color Palette /figma・WCAG Color Palette Manager for Apps & Websites preview

About this plugin

UI Color Palette 5.3 Neo features a redesigned sidebar navigation./Figma — Subscriptions managed by Figma. Tailored for individualsCreate, manage, export, and publish consistent and accessible color palettes for Figma, Dev mode, and FigJam. Uses alternative color spaces (LCH, OKLCH, CIELAB, OKLAB, HSLuv) to ensure WCAG standard compliance and sufficient contrast.---Join the Discord server to have help, share your ideas, ask questions, etc: uicp.ylb.lt/community---Create, Manage, Export, and Publish color palettesCreate your accessible palette in secondsPick your source colors with AI, from an image, the canvas, the color wheel, or import color combinations from 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 WCAG 2.1 and APCA scores and intervalsBuild 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 W3C Design Tokens (DTCG) for any token-driven pipelineGenerate Tailwind configurations (V3 & V4) and CSS / SCSS custom propertiesPublish the palette for reuse and sharingStore palettes in the cloud to use them on several platforms: Penpot, Sketch, and FramerShare 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

Version98
CreatedJanuary 14, 2022
Last UpdatedApril 7, 2026
CategoryAccessibility tools
CreatorAurélien Grimaud
Stats17099 installs, 805 likes
PricingPaid

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