UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites
Description
WCAG Color Palette Manager for Apps & Websites
Create, manage, export, and publish accessible color palettes for Penpot. Uses alternative color spaces (LCH, OKLCH, OKLAB, HSLuv) to ensure WCAG compliance and sufficient contrast.
____________________________________________________________
Create palettes in seconds
-
Generate from images, AI, the canvas, or the color wheel
-
Import color combinations from Coolors and Colour Lovers (1M+ palettes)
-
Use preset systems: Material 3, Ant Design, Tailwind, or custom
Manage accessible colors
-
Check contrast with WCAG 2.1 and APCA
-
Build light, dark, or colorblindness modes
-
Convert shades to transparency
Sync & export
-
Sync colors to local styles and tokens directly from your palette
-
Generate Tailwind configurations (V3 & V4) and CSS / SCSS custom properties
-
Export as W3C Design Tokens (DTCG) for any token-driven pipeline
Publish & share
-
Store palettes in the cloud (works across Figma, Penpot, Sketch, and Framer)
-
Share and discover community palettes
Details
- Last update:
- Nov 14, 2025
- Published:
- Aug 21, 2025
- Install URL:
- https://penpot.ui-color-palette.com/manifest.json
- Author website:
- https://an.gd
- Code repository:
- https://github.com/a-ng-d/penpot-ui-color-palette
Plugin images
This plugin was developed by a member or group of members from the Penpot community. While we can’t guarantee everything will work perfectly, we encourage you to report any issues using the “Report this plugin” button—our team will review it.
You can browse, install, and manage plugins directly from the Plugin Panel inside the app, or explore them on our website. Most plugins are created by community members, so feel free to try them out and see what fits your workflow.
Want to share your own plugin? We’d love to see it!
Just check out our plugin development guide to get started. Once your plugin is ready, you can submit it for review and help other teams extend Penpot in new and exciting ways.
Let’s build Penpot together—one plugin at a time.
