The 42 best Color & Gradient tools

Peeler

Open-source macOS colour picker that pulls palettes from anything on screen.

Colir

Build custom gradients in the browser and copy the CSS out.

GRADIENTOOL

Generate gradients and gradient animations, then export them.

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.

Eye Dropper

Pick colors from any web page or your own palette.

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.