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.
1. Muzli Colors
Use this tool to quickly create and edit color palettes, color match, and even preview and download customized UI kits per your own color choices.
2. Colorable
Color contrast tester
3. Color Leap — History’s Palettes
Search through 180 Color Palettes used throughout the last 4000 years.
4. Picular
Picular is a rocket fast primary color generator using Google’s image search.
5. Colourcode
colourco.de is an online designer tool, which allows you to easily and intuitively combine colours.
6. Palettte App
The definitive palette editing and remapping tool
7. Colorinspire
Curated color inspiration — Free to use for your next project.
8. ColorSpace
Color Palettes Generator and Color Gradient Tool
A unique way to generate fresh and vibrant colors based on lighting and pigment, instead of math. Find a beautiful, free color palette in seconds to kick off your next project.
10. Adobe Color
Create and save various colour schemes, each of which consists of a set of five colours
11. Colors & Fonts
Colors&Fonts is a extremely curated collection of color gradients, color palettes and font pairing inspiration for developers and digital designers
12. HueSnap
Get color info, create palettes, and share with others. Color inspiration for creatives around the world.
13. Culrs
Culrs gives you a simple smart approach to choose color palettes
14. Eva Design System
Generate color pallets using deep learning powered algorithm
15. Scale
a generative way to create color scales.
.
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 — Coolors.co
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
SchemeColor.com 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 WebGradients.com 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.
55. Color.review
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.
