MagicAIColorsCOLOR & GRADIENT BENCH
Color palette presets
Gradient presets
1000+ generated gradients across 2, 3 and 4 color stops. Click any gradient to copy its CSS, or download it as an image.
Single color
Pick, type, or randomize one color at a time. See its name, shade, and every code format, then export it as an image.
Pick a color
Use the picker, type a hex code, or generate a random color.
HEX
RGB
HTML
CMYK
Build your own palette
Manually add up to 5 colors, name them automatically, and export the set as a spec sheet.
Add a color
Pick a color or type a hex code, then add it to your palette (up to 5).
Build your own gradient
Add 2–5 color stops, choose a type and angle, then copy the CSS or export an image.
Gradient stops
Add colors in the order they should appear.
90°
Copied