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
The biggest collection of official brand color codes around. Includes hex colors codes for 500 brands including Facebook, Twitter, Instagram, and many more.
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.
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.
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
Visualize The CSS Color Function.
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.
Generate beautiful color palettes using the knowledge of millions of designers.
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
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.
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
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
ColorKit blends colors and generates a color’s shades and tints.
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.
CSS gradient generator, create lovely CSS color gradients for web designs in the browser
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).
Use the color wheel to create great color palettes.
Simple color picker everyone
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.
Blend — Create and customize beautiful CSS3 gradients.
A macOS app for quick access to WCAG color contrast ratios
Beautiful and simple UI for generating web gradients.