Meta Color — Design systems palettes

About this plugin

Meta Color is a flexible palette generator for Figma.

Build professional color systems based on popular design frameworks or fully custom algorithms.

Features:

Support for major design systems: Material Design, Material You, Tailwind, Bootstrap, Chakra UI, Ant Design, Apple HIG Materials, Fluent Acrylic, and more.

Multiple generation methods: Lightness steps, OKLCH lightness, Equal brightness (ATMOS, circular), Mix tint/shade, Bezier lightness curve, Transparency curve, Contrast-anchored.

Light and dark mode aware.

Accessibility filters (WCAG AA/AAA, background and foreground roles).

Transparent scales (Apple, Fluent, Tailwind Opacity).

Apply colors directly to selected objects.

Place complete swatch collections onto the canvas.

High precision: works in OKLCH/OKLab with gamut mapping.

Meta Color combines design system standards with the freedom of custom palettes.