DEV Community

Cover image for Best free color 🌈 palette generator 🎨- Ready to use or generate your own!🀘

Posted on • Updated on

Best free color 🌈 palette generator 🎨- Ready to use or generate your own!🀘

Do you want to give your brand a long-lasting identity? Then you must check out the following list of color palette generators, which may be helpful for your upcoming project.🀩

No matter whether you go for vibrant, muted, or full-on technicolor, the color palette you choose for your website or app doesn’t just make the interface look visually appealing, it also helps to develop your entire brand identity. Hence, crafting the perfect color combination is necessary.

Well, it is hard and can be a headache for designers to adjust contrast, saturation, brightness, hue, etc. This is where the color palette generator helps to lighten the load. Online color palette generators help designers identify what colors will be perfectly blended with their brand and vision.

Color palette generator

Before we go with the list, here is an overview of the Color palette generator.πŸ‘‡

What is a color palette Generator?

Basically a color palette is a wide range of relevant and suitable colors that allows you to manually design a palette which can be used for various design purposes including:

  • Logo
  • Complete brand identity
  • Website design
  • Mobile apps
  • Infographics


  • Makes brand recognizable
  • Helps to create engaging visuals and UI.
  • Helps gain customers’ trust
  • Delivers the brands’ message through appropriate colors

There are 4 types mainly,

  • Complementary: Complementary palettes are comprised of colors that are opposite to each other in the color wheel.
  • Monochromatic: Monochromatic color palettes are the ones you create using different shades of the same color. These are quite easy to make. They are commonly used by many popular brands.
  • Triadic: Triadic palettes are made of three main colors. These color palettes are best for creating clearly visible contrast in designs.
  • Analogous: Analogous palettes consist of colors that are close to each other on the color wheel. If you pick the main color then the colors right next to it can be picked as secondary colors for this type of palettes.

How it is helpful for developers & designers? 🧐

Be it for designers or for developers, tools like color palette generators are always helpful. A color palette generator can be helpful to select the perfect color palette to execute their idea of the product in a most creative way and have a quick overview of the product with help of setting a suitable color scheme up. It helps both to deliver a visually appealing UI to the product.

Following are the best color palette generators, that includes all the mentioned type. You can choose the appropriate and suitable one for your upcoming project. We have prepared this list so that you don't need to look for suitable palette generators here and there.πŸ™‚

Coolors: Create the perfect palette or get inspired by thousands of beautiful color schemes


Coolors allows you to organize your palettes in projects or collections. Here you can find them even faster and simpler. You can easily create palettes with less or more than five colors. With the Collage Maker you can also make beautiful collages with your photo and the extracted palette. There are some amazing styles that designers can use. You can also create your gradient with the Gradient Maker.

Muzli Colors: Create Beautiful Color Schemes that works.

Muzli colors

Muzli color is a color palette generator and a library where you can find many ideas and amazing color schemes. You can also discover the best web design inspiration, best websites, best logos, web trends, best mobiles sites and applications, minimalist websites, brutalist websites, innovative illustrations, design features, unique websites, photography projects, and visual art, as well as opinions and articles from design experts across the web and around the world.

You can upload the image and pick the color or you can simply select it from the option. This is an endless source of ideas for designers and creative professionals.

by InVision

VueJS Laravel Admin Template

Colors and Fonts: A curated library of colors, fonts, and resources

Color and fonts

With Colors and Fonts you can find colors and typography combinations ready to copy-paste in one click and find useful resources for your workflow. It offers the following:

By Mike Andreuzza

Html color codes: Get HTML color codes, Hex color codes, RGB and HSL values with color picker, color chart and HTML color names.

HTML Color codes

HTML color codes is a color picker, that gives you HEX, RGB, and HSL codes, color charts to find perfect combinations of gradients, a list of all HTML color names, and even a collection of HTML and CSS tutorials. It is definitely a useful resource to keep handy when you're designing!

Color Hunt: A free and open platform for color inspiration with thousands of trendy hand-picked color palettes


Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes. Color Hunt offers thousands of color schemes for many different design and art purposes. The color palettes are useful for graphic designers, artists, illustrators, web developers, fashion designers, marketers, interior designers, and more. It is really helpful to get color inspiration and find the perfect palette for the projects. Anyone can save their favorite palettes, manage their personal collection, and have quick access to copy the color codes.

Palettelist: Pick 2 colors you like and the tool generates thousands of palettes for you.


Palette list is another helpful color palette generator. You can choose 2 colors to generate your required palette. It helps designers to create awesome, eye-catchy palettes.

Flat UI Colors: Beautiful set of color palettes in various flavours


Flat UI Colors 2 is the newest version. It is better than ever before. On the homepage itself, you get 14 different sets of color palettes ranging from British to Indian to what not. It also features 13 more color palettes. Collaborating with 13 designers around the world, a total set of 280 colors are available on your command for copy/paste for your next project, design, presentation. Within each color palette, you get about 20 professional colors handpicked for you. To get the HEX code of it, all you need to do is click β€œcopy,” and you’re done. You can also change the export format from HEX to RGBA or RGB

Colorsinspo: All-in-one resource for finding everything about colors


Colorsinspo is all in one resource to find everything about colors with extreme ease. Also, you will get Freebies, Inspirations, Color Tools, Gradients, and many more.

Colorswall: Place to store your color palettes and generate palette in one click


ColorsWall is a place to store your color palettes. There are brand color codes. Here you can generate a random color palette. You can use this tool to choose colors for Your website.

Happy Hues: Curated colors in context.


Happy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects.

By Mackenzie Child

Palette Generator: Generate new color palette with every spacebar press

Palette Generator

Pigment: A unique way to generate fresh & vibrant colors based on lighting & pigment


Sipapp: Sip Color Picker for Mac. A better way to collect organize and Share colors


Sipapp is the best tool to collect, organize, and share colors. Sip is an amazing application that perfectly works on the iPhone and Mac. This app allows you to generate color schemes from images very quickly and then save, organize, and share the palettes that you create.



Hypercolor is a curated collection of beautiful premade gradients using default colors from the Tailwind palette as well as a selection of custom color gradients. Simply copy the code snippets to use within your own apps.

Free Color Palette Generator: A Super Fast and Free Color Palette Generator

Free Color Palette Generator

If you’re willing to do the same as big brands are doing then you need the right color palette for the website or mobile app design. A free random color scheme generator designed by VOCSO provides a range of suitable and relevant colors that can be used for various designing purposes including:

This online color theme generator tool helps in delivering the brands’ message through appropriate colors. A color palette is a group of HTML color palette codes that business owners share with their design team to create their designs.


Eva Design: Deep Learning Color Generator

Colors eva design

Divided by 5 different color columns, Eva Design System gives you a lot to choose from when it comes to colors. Each column has up to 9 different shades of the selected color, starting from light to dark. After you’re done finalizing your colors, you can export the entire schemes as a JPEG or JSON. It is also available for Sketch and Figma component libraries, based on Eva Design System.

Adobe Color: Create Color Palettes, Extract Gradients From Images, etc.

color adobe

Adobe Color is a brilliant tool that allows you to create color palettes via either your photos or from scratch. It has incredible functionality and an unbeatable price. It has a variety of customization options.

With Adobe’s color wheel, you can create analogous, monochromatic, triadic, complementary, and compound color palettes. It also has an option to generate different shades of the same color. Its interface is straightforward and easy to use. You can either move the color wheel itself or the range sliders below it. Adobe Color CC has a color gallery as well where you can check out the creations of other designers.

Colorbox: A Free Website To Produce Color Set


Color Blender: A tool that shows the midpoint colors between two colors


Color Blender is not an ordinary color palette generator, as it generates midpoints between two colors. The result can be used as a color palette for any design. You can set 1 to 10 midpoints and get the colors in either RGB or hex format. Color Blender was built by Eric Meyer who is one of the founding fathers of responsive web design.



Khroma uses AI to learn which colors you like and creates limitless palettes for you to search, discover, and save. This tool might be the best option for beginners. When you open Khroma, you’ll be asked to pick your favorite colors and then take it ahead from thereon. Once you filled out the entire questionnaire, you’ll be presented with the most suitable colors for your brand according to your preferences.


who can use

Who can use is a tool that brings attention and understanding of how color contrast can affect different people with visual impairments.



Colorable is a color palette combination contrast tester. Take a set color palette and you'll get contrast values for every possible combination. Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view.

Colorhexpicker: Tool to get the hex code along with the name of the color.


With Color Hex Picker you'll get the hex code and the RGB value along with the color name of any color from any image.


image color

The designer can find the perfect HTML color using this online Image color picker. All you have to do is select the color you like and click on it to get color code in HEX, RGB, HSL, and CMYK format. Click on the image and drag to use the magnifier. You'll get a color palette that matches your image with this tool. You can create color combinations in seconds. Just drop your photo on the page or open it using the "Browse" button. You can also upload an image from the URL.



ColorSpark helps designers to find unique colors and striking gradient combinations. This tool generates random colors and gradients, which can give you ideas for the design. It helps designers to create unique and out of the box designs.



Culrs is an open platform that lets you choose color palettes for your application with extreme ease. Besides, there is no more manual process of creating a suitable color palette as this is done already and presented to the user. The colors are curated and palettes are fashioned with colors that work together, creating beautiful combinations, keeping in mind the color wheel and color theory.

There are more than 2000 colors with their calculated hex codes on Culrs, and a simple way to copy the codes for your use. When the user taps on the palette name, the URL changes into a custom one for that specific palette, and the user can share it with anyone they want.

The color palettes on Culrs are also useful for various applications, across art and design. You can use it for product designing, graphic designing, web development, illustrating, or fashion designing, interior designing, etc. You will always find the right color palette.

Grayscale design: Luminance-based color palette generator:

Grayscale design

Grayscale design is yet another helpful tool. Here your colors keep the same color values (aka luminance) so you could theoretically (or actually) design a site in grayscale to get the contrast just right, then swap in any color from your palette using the same value.

Hex Color

Hex Color

Hex Color is a collection of free color tools that will help you choose the right color for your next project! Meet a few tools that will make working with color faster and more fun.


Material: Official Google Material Color Palette Tool


Material is a design system backed by open-source code that helps teams build high-quality digital experiences. You can create, share, and apply color palettes to your UI, as well as to measure the accessibility level of any color combination.

Material Design Palette: Free to pick palettes, icons, and colors for Material Design

Material Design Palette

In Material Palette, to generate a color scheme you have to choose two colors from the tiles shown. The color palette generated by Material Design Palette can be downloaded or tweeted. Apart from the palettes, it also has a material icon library that excellently complements the colors.

Material Design Palette Generator

Material Design Palette Generator

Material Design color tool allows you to create or import a set of colors to create your own, perfect theme from completely customizable palettes, quickly and easily. Once you've got your theme built, assign the theme and palette names, and then quickly export to any front-end framework. Currently, the export includes JSON and AngularJS Material design with plans to support Materialize, CSS, Polymer, and more!


Color Space: Generate nice color palettes from one color

color space

ColorSpace is another easy to use palette generator that allows you to create color palettes with just one-click. All you need to do is enter a main color hex code to the website and then hit the Generate button. Then the tool will generate different styles of color palettes along with matching gradients.

Gradient Hunt

Gradient Hunt

Gradient Hunt is a free and open platform for color inspiration with thousands of trendy hand-made color gradients.

Web Gradients: A free website to find good css gradients

Web Gradients

Web Gradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 cross-browser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.

Gradienta: Pure CSS Code, JPG Download, Open Source


Gradienta allows developers to use ultra-lightweight, colorful, responsive backgrounds for their personal and commercial projects. It is free to use, open-source, and requires no credit or attribution at all. All of these gradients are available as CSS codes, SVG, and JPG images. If you are a designer, you can use SVG or JPG images in your projects. Therefore, a developer can use all CSS/SVG/JPG (even SVG codes) version in a website or app.

UI Gradients: Beautiful colour gradients for design and code

UI Gradients

CSS Gradient:

CSS Gradient

CSS Gradient is a free tool that lets you create a gradient background for websites. Besides being a CSS gradient generator, the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples like Stripe and Instagram.


36. Brand Colors: The biggest collection of official brand color codes around


BrandColors is a super useful open resource to borrow inspiration. It has a huge collection of official brands’ color codes from which you can take ideas and come up with your own. This is great when you’re running too dry with your creativity and want something that’ll ignite it again.

It has over 600 brand colors and the collection just keeps on growing. Also, well-known publishers like Smash Magazine and Tuts+ have featured them time and again.

Brand Palettes: Logo Color Codes and Palettes

Brand Palettes

Brand palettes is an awesome tool, which gives you the proper guidance of which color should you pick by providing you the analogy of colors; brands are using. You can choose any brand here and you'll be able to see which color is used in logo design. This will give you some idea to choose colors for your own company's logo.

ColorsUI: Popular Color Palettes

Colors UI

Colors UI is a good collection of 1000+ color palettes. Pick your perfect color palette for your next dream project. There are options like tint and shade, material colors, solid UI colors. Also, you can manually create palettes.



Unlimited interactive, animated Icons and Illustrations. is the game-changer for web, apps, and presentations



It is the fastest and easiest Way to create professional palettes from a single color.


Well, Color is one of the most powerful design elements that will appear on your or your client’s website. It has the ability to communicate a brand’s personality without saying a single word, it also influences a consumer’s impression of a company or product within a matter of seconds. With the potential for such a huge impact, it’s worth investing the time to explore the world of color and carefully select a scheme for each design.

For choosing a suitable color, you need to have a proper idea for the design and different color tools that can greatly help you to deliver the best visuals for sure. You also need to think about marketing aspects before you get started.

Most importantly, you need to find the primary color that delivers your message to your audience in the most efficient way. After that, you can quickly create suitable colors using the color palette generators mentioned in this article.

We have tried to cover all the best color palette generators here, although we might have missed some. If you are using any other generator out of this list then do suggest to us. Also, tell us which one is your favorite from the list in the comment section.

About us

We, at ThemeSelection, provide selected high quality, modern design, professional and easy-to-use premium and free bootstrap admin template, and UI Kits. We also provide Vuejs admin Templates

You can check Materio Free Vuetify Vuejs Admin Template in which have used the mentioned sources.

Also, don’t forget to follow us on Facebook and Twitter for more cutting edge web design and development related articles and content.

Discussion (30)

colortools profile image
Color Tools 🌈

Hi; Can you add our free color tools in your article?

theme_selection profile image
themeselection Author

Sure. It looks great.πŸ‘

colortools profile image
Color Tools 🌈

Thanks 😊

hyperlinked profile image

I wish Color Schemer Studio 2 (Mac) still worked. It was not only a great tool for composing color palettes, it was also a perfect companion tool that let me sample colors off of websites and keep them organized while I was working on various things. It just worked and it was always a click away. While a lot of these tools mentioned here best Color Schemer Studio 2, I have yet to find a single tool that even comes close to being always there, easy to use, and broadly useful in all phases of your process.

msavin profile image
Max Savin

I've been where you are, that's why I made Paletter. Would be great to hear what you think :)

hyperlinked profile image

Max, Paletter is awesome. It is EXACTLY what I've been looking for! I wanted something I could use to stash colors while I was in the gathering ideas phase and then use the same tool to help me choose additional colors to complement my base colors. Everything else does one or the other which was a huge drag to my workflow.

theme_selection profile image
themeselection Author

Thank you very much for the suggestion. We have added it to the list.πŸ™‚

hyperlinked profile image

That looks amazing. Instant buy. Can't wait to check it out!

kevnk profile image
Kevin Kirchner

You gotta check out this luminance-based color palette generator:

The idea is that all your colors keep the same color values (aka luminance) so you could theoretically (or actually) design a site in grayscale to get the contrast just right, then swap in any color from your palette using the same value.

It's pretty epic!

theme_selection profile image
themeselection Author

Thank you very much for your suggestion. It really looks good and we are adding it to the list. πŸ™‚

deepakch profile image
Deepak Chauhan • Edited

Hi Themeselection Team,

I know you're busy, so I'll cut straight to the chase...

I'm Deepak Chauhan, the digital marketing strategist and CEO of VOCSO Digital Agency.

I wanted to let you know that, this week, we launched a FREE Color Palette Generator that you can find here

I'm getting in touch with you to mention our tool in the list of other similar tools that you have covered here in your article . I noticed that you link out to a number of other really great resources here, and thought that this could be a great resource alongside these.

I thought that this might be of real interest and useful to your readers.

If you need any more information from me, please just let me know. You know where I am.

theme_selection profile image
themeselection Author

Thank you for your suggestion. We are adding it.

kwadoskii profile image
Austin Ofor

Thanks for sharing.

theme_selection profile image
themeselection Author

Thank you for your appreciation. πŸ™‚

rzeczuchy profile image

Hey, great list! Been using some of these for a while, but most of them are completely new to me - I'll definitely try to use Pigment in the future :))

theme_selection profile image
themeselection Author

Thank you very much for your appreciation. We are glad that you like our article.πŸ™‚

ash1eyish profile image
Ashley Maria

Very nice list. I added some to my toolbox.

theme_selection profile image
themeselection Author

Thank you for your appreciation. We are glad that you find our article useful.πŸ™‚

venkateshaj profile image

Hi there, I've created a color palette website called It's a free color tool.

theme_selection profile image
themeselection Author

Thank you for suggesting. We have added it to the list. It is really awesome.
Do share this list so that this tool reaches the max people from the field.🀩

abstraktionio profile image

Have a look at to get a color palette from speach or words.

theme_selection profile image
themeselection Author

Thank you very much for your appreciation πŸ‘. We are glad that you find our article helpful. πŸ™‚

antoine_m profile image
Antoine Mesnil

Nice list !
Coolors is my main tool for color palettes it has such a nice UX, I also use that gives you existing in-context palettes :)

theme_selection profile image
themeselection Author

Thank you very much for your appreciation and suggestion. We'll surely add itπŸ™‚

diogosouza profile image
Diogo Souza

Your articles are great! Very complete lists, thanks a lot for sharing. :)

theme_selection profile image
themeselection Author

Thank you very much for your appreciation. We are glad that you find this article useful.πŸ™‚

theme_selection profile image
themeselection Author

Thank you very much for your appreciation. We love your work. "Colors and Fonts" is really a good resource for palettes and others.πŸ™‚ Yes, khroma is also a good option.🀘