Create perfect color systems instantly. 60+ curated palettes from Tailwind, Material, Ant Design and Apple HIG, plus AI‑generated 11‑shade palettes from any color. One‑click import into Framer with dark mode, saved favorites and JSON/CSS export for developers.
Color Palettes Pro is the ultimate tool for designers and developers who need instant access to professional color systems. Import 60+ curated palettes from industry-leading design systems or generate custom palettes with AI-powered color science—all with one click.
Tailwind CSS – All 22 color palettes with 11 shades each (50–950)
Material Design – 18 complete color palettes
Ant Design – 12 professional color schemes
Apple HIG – 20 Human Interface Guidelines colors
Browse by color category (Red, Blue, Green, Yellow, Purple, Neutral) or search by name. Every palette is ready to import instantly.
Create perfect color palettes from any base color:
Pick any color using the color picker or enter a hex code
AI automatically generates 11 optimized shades (50–950)
Intelligent HSL color space manipulation for natural progression
Live preview before importing
Perfect for brand colors and custom design systems
No more manual clicking. Import entire palettes or individual colors with a single click:
Automatic folder organization in Framer
Creates light and dark mode color pairs
Success notifications with color count
Generate perfect dark mode variants for any palette:
One-click dark mode generation
Intelligent lightness inversion
Maintains visual consistency
Works with presets and generated palettes
Save your favorite palettes for quick access
Rename and organize saved palettes
Import, copy, or delete anytime
Persistent storage across sessions
Copy palettes in multiple formats:
JSON – Perfect for developers and code integration
CSS Variables – Ready-to-use CSS custom properties
Clean, intuitive tab-based interface
Light and dark theme support
Compact palette cards with swatch previews
Responsive design that works beautifully
Design system creation
Rapid prototyping
Brand color integration
Design consistency across projects
Dark mode implementation
Browse Presets – Explore 60+ curated palettes from top design systems.
Generate Custom – Create palettes from any color with AI.
One-Click Import – Instantly add colors to your Framer project.
Save & Reuse – Build your library of favorite palettes.
One-time lifetime license: 29 USD
Includes all current features and future updates, with use in unlimited Framer projects. Purchase securely via Lemon Squeezy here.
Start with 5 free uses to explore all features. Upgrade to unlock unlimited access and support ongoing development.
Fixed framer.json schema, corrected zip structure per Framer guidelines.