Free Color Palette Generator & Picker

Design color schemes and find any color code instantly

Gradient Generator

Create beautiful gradients and get CSS code

Start Color

End Color

Steps: 5

Direction

Color Steps

Click any color to copy

Preview

CSS Code

background: linear-gradient(to right, #3b82f6, #8b5cf6);

Tailwind CSS (with arbitrary values)

bg-gradient-right from-[#3b82f6] to-[#8b5cf6]