Kolors is a powerful color utility plugin built specifically for Framer.
It helps designers create better color systems, improve accessibility, and speed up design workflows — all without leaving Framer.
Generate beautiful color palettes from any base color
Check accessibility contrast with WCAG AA and AAA results
Create lighter tints and darker shades instantly
Apply colors directly to selected Framer layers
Convert generated colors into Framer color styles
Palette GeneratorCreate harmonious palettes using color theory:
Complementary
Analogous
Triadic
Monochrome
Contrast Checker
Test foreground and background combinations
View real-time contrast ratios
Get clear WCAG accessibility feedback
Shades & Tints
Generate multiple lighter and darker variations
Preview and copy color values
Apply directly to your design
Framer designers
UI and UX designers
Accessibility-focused creators
Anyone building a consistent color system
Open Kolors
Pick a color
Generate palettes or shades
Apply directly to your Framer project
No setup. No external tools. Just faster color workflows.
Dark Mode Added
Squashed bugs for a better experience