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.
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
Check contrast with WCAG 2.1 and APCA
Convert shades to transparency
Sync colors to local styles directly from your palette
Export as Tailwind (V3 & V4), CSS / SCSS, and W3C Design Tokens (DTCG)
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
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.
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
Check contrast with WCAG 2.1 and APCA
Convert shades to transparency
Sync colors to local styles directly from your palette
Export as Tailwind (V3 & V4), CSS / SCSS, and W3C Design Tokens (DTCG)
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
Aurélien Grimaud
