# Gradient Magic

- **Website:** <https://gradientmagic.com>
- **Primary alias:** `gradientmagic.com`

## Description

Gradient Magic is a curated online gallery of free, distinctive CSS gradients, created by Jordan Marshall. It helps designers and developers discover visual backgrounds and gradient effects for websites and other digital projects. Visitors can browse gradients by category, including stripes, circular designs, angular and smooth gradients, grids, plaids, checks, geometric shapes, and other unusual styles.

The site organizes its designs into collections to make exploration easier. Featured collections include light and dark backgrounds, popular gradients, simple and complex circles, standard gradients, uneven retro stripes, angular designs, and abstract squares. Each collection contains multiple options, with some featuring dozens of gradients.

Gradient Magic also provides practical guidance on using CSS gradients, explains why they can be useful, and answers common questions. Visitors can find contact information and follow the brand on social media. An email updates service shares announcements about new gradients, while premium collections offer additional designs. The site also promotes a free Carbon Fiber Premium Bundle for subscribers, presenting Gradient Magic as both a browsable resource and a source of ready-to-use gradient inspiration.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_

## Links

- [twitter](https://twitter.com/GradientMagic)
- [instagram](https://instagram.com/GradientMagic)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/id0322CFwV/w/180/h/180/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1790378048675)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id0322CFwV/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790378049245)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Spray | #5af0f1 | accent |
| Pickled Bluewood | #2c3e50 | dark |
| Malibu | #71c2f4 | light |

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id0322CFwV/w/1500/h/500/idBKXbHK_H.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790378048927)

---

_Source: <https://brandfetch.com/gradientmagic.com>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._