UI Color Palette

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