Designers are increasingly taking risks and using single bold colors to communicate their web design. No matter what color you need to work with to create a good color scheme, there are best practice examples all over the web.

Moreover, when informed by color psychology, designers can make the best decisions for their color schemes that deliver emotional impact.


16. Site Palette

A browser extension to generate comprehensive palettes. A must-have tool for designers and frontend developers. Free colour scheme extraction

17. BrandColors

The biggest collection of official brand color codes around. Includes hex colors codes for 500 brands including Facebook, Twitter, Instagram, and many more.

18. Colorwise

Search through the most voted products on Product Hunt

19. HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

20. ColorBox

Colorbox is a color tool to produce color sets.

21. Generate —

Create, save and share beautiful palettes in seconds!

22. Color — Cloudflare Design

A color palette tool for interface design

23. Instant Duotone Effect Generator

Create beautiful duotone effects instantly in your browser for. Upload your own image or use one of ours: dozens of perfect duotone pairings included.

24. Color Tool — Material Design

Create and share color palettes for your UI, and measure the accessibility of any color combination.

25. Blendy

Blendy is a tool to preview CSS Background blend modes quickly. You can play around with blend modes, colors, gradients and try them on your images.

26. LOL Colors

Curated color palette inspiration

27. Color Hunt

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

28. ColorMe

Visualize The CSS Color Function.

29. Polarite

Polarite is a machine learning assisted decision making app for generating harmonious color schemes.

30. Gradient Hunt

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.



31. Palettable

Generate beautiful color palettes using the knowledge of millions of designers.

32. ColorSpark

A simple and effective tool that generates random colors and gradients to help designers put together unique and striking color palettes.

33. SVG Colorizer

SVG Colorizer, colorize SVG icons and SVG vectors automatically

34. Sip

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

35. CoolHue 2.0

Get free sketch gradient colors plugin and gradient collection palette.

36. Color Koala

Color Koala is a quick palette generator, creating gorgeous colors for all of your side projects.

37. SchemeColor is a top-rated website to download, create and share thousands of beautiful color combinations. Get detailed information on hexadecimal colors codes and convert them to RGB and CMYK equivalents.

38. Free Mesh Gradient Collection

100 mesh gradients in .sketch, .png, .ai, .jpg, .eps

39. WebGradients

Come to for 180 beautiful linear gradients in CSS3, Photoshop and Sketch. This collection is curated by top designers and totally free.

40. Gradient Buttons

Beautiful Gradient Buttons with Hover Effect

41. ColorKit

ColorKit blends colors and generates a color’s shades and tints.

42. Eggradients

Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. ✓ With hex and CSS codes.

43. Cool Backgrounds

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.

44. Google Art & Culture Experiment — Art Palette

Art Palette is part of Arts & Culture experiments, which explore innovative ways for users to interact with art collections. With Art Palette, you can search for artworks that match a color combination of your choice.

45. GradPad

CSS gradient generator, create lovely CSS color gradients for web designs in the browser



46. Khroma

Khroma is the fastest way to generate, discover, search, and save color combos and palettes you’ll want to use.

47. Color palettes

Browse thousands of color combinations on Canva and create your own designs without hiring a designer. It’s free!

48. Color Safe

Color Safe is a tool to explore beautiful, accessible color palettes for your website based on Web Content Accessibility Guidelines (WCAG).

49. Paletton

Use the color wheel to create great color palettes.

50. Colordot

Simple color picker everyone

51. Colors

Colors is a 100% data driven collection of color palettes.

52. Contrast Ratio

Easily calculate color contrast ratios. Passing WCAG was never this easy!

53. Color Lisa

Color palette masterpieces of the world’s greatest artists.

54. Color Designer

The main purpose of this tool is to help with building a color palette and generate tints and shades based on it. Just pick a color, and the app does the rest. You can use the preselected colors or the color picker for more control.


A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.

56. Blend

Blend — Create and customize beautiful CSS3 gradients.

57. Contrast

A macOS app for quick access to WCAG color contrast ratios

58. Grabient

Beautiful and simple UI for generating web gradients.