Magic Pattern

Color & Gradient

Freemium

About

Create Unlimited Graphics In Seconds.

Generate CSS background patterns, gradients and mesh gradients.

Ready to try Magic Pattern?

Opens magicpattern.design in a new tab.

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Easily make tints and shades that match the output of Chrome DevTools, Sass, Less, and PostCSS.

Generates shades and tints from any color.

Collection of curated color palettes for design inspiration and projects.

Tool for generating, testing, and organizing color palettes.

Friendly color palette generator.

Finds the primary colors for any word using image search results.

An AI color-scheme generator that learns from photos and art.

Generate gradients and gradient animations, then export them.