The 38 best Color & Gradient tools
A hand-picked collection of the best color & gradient tools, websites and resources, curated on DesignBookmark.
Coolors
The super-fast color-scheme generator loved by millions.
Realtime Colors
Visualize your color palette on a real website in real time.
uiGradients
Beautiful, ready-to-use gradients you can copy as CSS.
Shader Gradient
Create beautiful, moving 3D gradients for your designs.
Happy Hues
A color palette inspiration site that shows palettes in context.
Khroma
The AI color tool that learns which colors you like.
Grainient
The best animated grainy gradients on the internet.
Color Hunt
A free, open platform for color palette inspiration.
Adobe Color
Create color schemes and explore trends from the community.
ColorSpace
Generate nice color palettes and gradients in one click.
Hypercolor
A curated collection of beautiful Tailwind CSS gradients.
Gradienta
Pure CSS, no-image gradient backgrounds, free to use.
CSS Gradient
A free tool to create and customize CSS gradients.
Mesh Gradients
Generate beautiful, customizable mesh gradients.
Paletton
The classic color-scheme designer based on color theory.
Colormind
An AI color-scheme generator that learns from photos and art.
UI Colors
Generate and export Tailwind CSS color palettes.
Coolhue
A hand-picked gradient collection for your next project.
WebGradients
A free collection of 180 linear gradients as CSS.
Grabient
A simple way to make and grab beautiful gradients.
Huemint
Use machine learning to generate color schemes for brands.
Tints.dev
A Tailwind CSS color shade generator and API.
Radix Colors
A gorgeous, accessible color system for design systems.
ColorZilla
An eyedropper, color picker and gradient generator.
Magic Pattern
Generate CSS background patterns, gradients and mesh gradients.
Color Palette Pro
Create customizable color palettes in advanced color spaces effortlessly.
Colorbox
Tool for generating, testing, and organizing color palettes.
Colors.lol
Overly descriptive color palettes generator.
Colors.tools
Color palette generation tool.
Gradient
Gradient design tool.
Gradient Generator
A tool for creating and fine-tuning CSS gradients.
Gradient Generator Webflow
Webflow tool for generating gradients.
Gradients.fm
Offers 300+ unique gradient backgrounds in 4K and WebP formats for web apps and creative projects.
PhotoGradient
Tool to create unique gradients blended with images for design projects.
Pigment
A color palette generator for design
PPPalette
Friendly color palette generator.
Supa Palette
Tool for generating unique and vibrant color palettes for design projects.
Super Color Palette
Collection of curated color palettes for design inspiration and projects.