0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

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

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

by Aurélien Grimaud

users
92K
likes
814
saves
17K
comments
36
Free + $8/mo upgradeWorks inFigma BuzzFigma DesignDev ModeFigJam
Price
Free + $8/mo upgrade
Latest version
v106 · May 27, 2026
First published
Jan 14, 2022
Features

What UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites does

Summarised from Aurélien Grimaud's description on the Figma Community.

  • Join the Discord server to have help, share your ideas, ask questions, etc: uicp.ylb.lt/community

    ---

  • Create your accessible palette in seconds

    Pick your source colors with AI, from an image, the canvas, the color wheel, or import color combinations from Coolors, Realtime Colors, or Colour…

  • Manage the color scaling that complies with WCAG

    Check WCAG 2.1 and APCA scores and intervals. Build light, dark, or colorblindness (protanomaly, deuteranomaly, etc) color modes

  • Export the palette as color primitives

    Sync colors to local styles and variables. Export as W3C Design Tokens (DTCG) for any token-driven pipeline

  • Publish the palette for reuse and sharing

    Store palettes in the cloud to use them on several platforms: Penpot, Sketch, and Framer.

  • Have Help

    Read the documentation. Join the community

  • Get Involved

    Submit feedback. Share your ideas

  • Give Support

    Follow the plugin LinkedIn page. Support the author

  • Manifest

    Dev Mode panel

    Adds a panel to Dev Mode's Inspect tab.

  • Manifest

    Figma for VS Code

    Works in Figma for VS Code.

  • Manifest

    3 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): Open UI Color Palette, Create a UI Color Palette, Edit the UI Color Palette.

On this page
Overview

About UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites

UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites is a free Figma plugin with a paid upgrade ($8/mo) published by Aurélien Grimaud in 2022. It works in Figma Buzz, Figma Design, Dev Mode and FigJam and has 92,194 users and 814 likes on the Figma Community. It ranks #4 in Accessibility and #7 in Color Palettes on our lists.

In the developer's words

UI Color Palette 5.3 Neo features a redesigned sidebar navigation.

/one — Compatible with external subscriptions. Tailored for individuals.

Create, 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](https://uicp.ylb.lt/community)

---

Create, Manage, Export, and Publish color palettes

Create your accessible palette in seconds

  1. Pick 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)
  2. Set up lightness levels using preset systems like Material 3, Ant Design, Tailwind, or make your own
  3. Pick your preferred color space: LCH, OKLCH, LAB, OKLAB, HSLuv, or HSL

Manage the color scaling that complies with WCAG

  1. Check WCAG 2.1 and APCA scores and intervals
  2. Build light, dark, or colorblindness (protanomaly, deuteranomaly, etc) color modes
  3. Turn the shades/tints into transparency

Export the palette as color primitives

  1. Sync colors to local styles and variables
  2. Export as W3C Design Tokens (DTCG) for any token-driven pipeline
  3. Generate Tailwind configurations (V3 & V4) and CSS / SCSS custom properties

Publish the palette for reuse and sharing

  1. Store palettes in the cloud to use them on several platforms: Penpot, Sketch, and Framer
  2. Share your most loved palette with the community of UI Color Palette users
  3. Hunt the perfect palettes from the community of UI Color Palette users

---

Useful links

Have Help

  1. Read the documentation
  2. Join the community

Get Involved

  1. Submit feedback
  2. Share your ideas

Give Support

  1. Follow the plugin LinkedIn page
  2. Support 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

Changelog

What's new

Version 106 · released May 27, 2026

  • https://ui-color-palette.canny.io/changelog/ui-color-palette-533
Trust

Permissions and privacy

Network access

UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites can only connect to the 18 domains declared in its manifest: figma.com, *.figma.com, *.gravatar.com, *.googleusercontent.com, *.githubusercontent.com, *.wp.com, zclweepgvqkrelyfwhma.supabase.co, *.yelbolt.workers.dev, www.colourlovers.com, *.mixpanel.com, asset.brandfetch.io, *.sentry.io, *.amazonaws.com, fonts.googleapis.com, fonts.gstatic.com, api.mistral.ai, polar.sh and *.polar.sh.

  • figma.com
  • *.figma.com
  • *.gravatar.com
  • *.googleusercontent.com
  • *.githubusercontent.com
  • *.wp.com
  • zclweepgvqkrelyfwhma.supabase.co
  • *.yelbolt.workers.dev
  • www.colourlovers.com
  • *.mixpanel.com
  • asset.brandfetch.io
  • *.sentry.io
  • *.amazonaws.com
  • fonts.googleapis.com
  • fonts.gstatic.com
  • api.mistral.ai
  • polar.sh
  • *.polar.sh

Extra permissions

  • Can offer paid features through Figma's checkout
  • Reads your Figma name and avatar

Read from the plugin's published manifest.

Rankings

Where UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites ranks

Compare

UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites alternatives

  1. 1

    Stark

    by Stark

    577K users10KFree

    Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff

  2. 2

    Contrast

    by Alex Carr

    515K users8.3KFree

    Quickly check and scan for contrast issues on gradients, images, blends, and fills.

  3. 3

    A11y

    by Kelly Gorr

    315K users4.7KFree

    Text color accessibility

  4. 4

    Color contrast

    by Aleksandra Walczak

    82K users474Free

    Color contrast checker

  5. 5

    Contrast

    by Roman Nurik

    72K users341Free

    Quickly run a visual contrast report on your design.

  6. 6

    Contrast Checker

    by Lucas Amorim

    54K users186Free

    Check contrast in your UI design

FAQ

UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites FAQ

What does UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites do?

Color Palettes that meet WCAG Guidelines and Operations (tailored for individuals). It's a Figma plugin by Aurélien Grimaud that runs in Figma Buzz, Figma Design, Dev Mode and FigJam.

Is UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites free?

Partly. UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites is free to install and use, and a paid upgrade on the Figma Community ($8/mo) unlocks the rest.

Is UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites can only connect to the 18 domains declared in its manifest: figma.com, *.figma.com, *.gravatar.com, *.googleusercontent.com, *.githubusercontent.com, *.wp.com, zclweepgvqkrelyfwhma.supabase.co, *.yelbolt.workers.dev, www.colourlovers.com, *.mixpanel.com, asset.brandfetch.io, *.sentry.io, *.amazonaws.com, fonts.googleapis.com, fonts.gstatic.com, api.mistral.ai, polar.sh and *.polar.sh. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites?

By user count, the closest alternatives are Stark, Contrast by Alex Carr and A11y. Compare all of them on the best Figma plugins for accessibility.

For developers

Built this plugin?

Use this page as a landing page for UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/ui-color-palette-one-wcag-color-palette-manager-for-apps-and/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites on figmaplugins.co" width="220" height="48"></a>