Color Gen is a Framer plugin that automatically generates various shades based on primary colors. Designers can easily use famous palettes like Tailwind CSS, Adobe Spectrum, Google Material, and Apple Human Interface.

Main Features

Generate Color Tones with One Click

Select a single color, and it automatically creates multiple light and dark shades based on it.

Offers Popular Color Palettes

You can pre-load and use color palettes from Tailwind, Adobe, Google, and Apple. Apply them instantly without the need to search separately.

Supports Dark Mode

It also generates color combinations that look great in dark mode, allowing for designs that consider both light and dark themes.

Accessibility Standards Support

Automatically checks and adjusts color contrast to meet WCAG standards, making designs that are visually accessible to everyone.