ColorCraft
ColorCraft

Gradient maker

Build gradients. Add stops, tweak angle, copy CSS.

Gradient lab

Build linear, radial, or conic gradients. Add stops, adjust angle, then copy the CSS.

CSS
background: linear-gradient(160deg, #6366f1, #8b5cf6);
Type
Angle160°
Stops (2)
0%
100%

Ready to create your perfect palette?

Join 180,000+ designers creating better color palettes in seconds

No signup required • All features free • Start in 3 seconds

ColorCraft
ColorCraft

Premium color palette generator for designers and developers.

Tools

  • Generator
  • Dashboard Designer
  • Explore
  • Gradients
  • Image Picker
  • Contrast Checker
  • Visualizer
  • Collage Maker
  • Library

Quick links

  • Color Picker
  • Color Names
  • Text & Fonts
  • Export Palettes
  • Blog

Product

  • Generate palettes instantly
  • Extract from images
  • WCAG contrast checker
  • Export to any format

© 2026 ColorCraft. All rights reserved.

Made with ♥ for designers