Introducing ColorHub

Find the perfect color palette for your next project.

Pick a palette, edit and preview it, and paste the code snippet into your project... it's that simple!

What to do

How to use ColorHub

Step One

Select a Palette

To get started, simply select one of our pre-made palettes.

Step Two

Edit & Preview

Customise it so it's perfect for your project, and see how it looks on a variety of common layouts.

Step Three

Export CSS

ColorHub generates CSS, Sass or Tailwind snippets you can post directly into your codebase.


Send Your Feedback

ColorHub walkthrough

Hi! I'm Dan, the developer behind ColorHub. I've been working on Colorhub for quite a while, and am looking forward to adding lots more features as it continues to evolve... but I'll need your help.

Let me know what you think of ColorHub, so I can keep on improving it!

Is there a feature you'd like me to add? Get in touch and let me know!


© 2021 ColorHub. All Rights Reserved.