Thousands of palettes. Palette or gradient view.
Browse thousands of color palettes with hex codes, switch between palette view and gradient view, and copy anything with one tap.
Color Palettes
Browse thousands of color palettes with hex codes — or generate your own with AI.
No palettes here yet. Try another filter, or press the heart on a palette you like.
How to use this tool (step by step)
Small steps, each with the reason behind it. Perfect for beginners, and a handy checklist for experts.
Choose how to browse
- Press Trending for a fresh mix that changes every week.
- Press Recent to see the newest additions first.
- Press Popular for the classics and the palettes you have hearted.
Why we do this: The same palettes can feel very different depending on the order, so you can explore them the way you like.
Switch the view
- Press Palette view to see separate color blocks.
- Press Gradient view to see the colors blended smoothly into each other.
- Switch back and forth at any time.
Why we do this: Block view is best for picking single colors. Gradient view shows how the colors flow together, which helps for backgrounds and banners.
Find your style
- Press a filter such as Warm, Cool, Pastel or Dark.
- Scroll down and press Show more palettes to keep exploring.
- Press the heart on palettes you love.
Why we do this: Filters remove thousands of palettes that do not fit your mood, so you see the useful ones.
Copy or edit
- Tap a color to copy its HEX code.
- In Gradient view, press the copy button to get the ready-made CSS gradient.
- Press the pencil to open the palette in the Palette Creator.
Why we do this: You can use a palette straight away, or make it your own with small changes.
Questions people ask
Quick answers.
Where do these palettes come from?
A hand-picked collection plus thousands of palettes that our generator builds from classic color-harmony rules (neighbors, opposites, triads and more). Every palette is checked to have five distinct colors.
What do Trending, Recent and Popular mean?
They are ways to order the collection. Trending rotates every week, Recent shows the newest additions first, and Popular shows hand-picked classics and then the palettes you have hearted. They are not live statistics.
Where are my hearts saved?
In your own browser on this device. Clearing browser data removes them.
How do I use a gradient in my website?
In Gradient view press the copy button. You get a line such as background: linear-gradient(90deg, #FF006E, #3A86FF); that you can paste into your style sheet.