UI Color Palette
UI Color Palette is a Framer plugin that creates, manages, exports, and publishes consistent and accessible color palettes. It uses alternative color spaces like LCH, OKLCH, CIELAB, OKLAB, and HSLuv to ensure WCAG compliance and sufficient contrast.
Create, manage, export, and publish accessible color palettes for Framer. Uses alternative color spaces (LCH, OKLCH, OKLAB, HSLuv) to ensure WCAG compliance and sufficient contrast.
Create palettes in seconds
Generate from images, AI, or 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
Convert shades to transparency
Sync & export
Sync colors to local styles directly from your palette
Export as Tailwind (V3 & V4), CSS / SCSS, and W3C Design Tokens (DTCG)
Publish & share
Store palettes in the cloud (works across Figma, Penpot, Sketch)
Share and discover community palettes
---
Documentation · Community · Feedback · Ideas · LinkedIn
🖥️ www.ui-color-palette.com · 📰 What's New · 📦 Open-source repo
👨🎨 Made by Yelbolt
