DEV Community

Cover image for I created an easy way to create color combination schemes for UI 🌈
Liyas Thomas
Liyas Thomas

Posted on • Updated on • Originally published at Medium

I created an easy way to create color combination schemes for UI 🌈

Colorbook 🎨

Color schemes for UI design

For one of my project redesign, I was searching for an online color combination generator. There were many color pickers, generators, etc. but none seems to generate color combinations that suits my UI.

That's why I created an online designer tool: Colorbook for creating color combinations that work together well. Use the Colorbook to create great color combination palettes.


Colorbook is an open-source color scheme generator optimized for UI like font, background, border, etc.

With Colorbook, now I can create color palettes for my UI, and measure the accessibility of any color combination.

Picking a color scheme is now as simple as 1, 2, 3!

  1. Pick a color.

  2. View preview of sample UI.

  3. Copy color codes.


Bonus: 🌈 I also added a gradient color generator tool with customizable number of transition steps.

Demo 🚀

Feel free to contribute on GitHub

If you want a heads up on my next projects, or just want to chat about the web, life and happiness make sure to follow me @liyasthomas on Twitter 💙. If any of my projects helped you please consider making a donation.


Top comments (1)

atulcodex profile image
🚩 Atul Prajapati 🇮🇳

That's amazing :)