Colors & Gradients
Color palette generators, gradient builders, contrast checkers, and brand color references for your designs.
Colors & Gradients
| Resource | Description |
|---|---|
| Adobe Color | Help us improve — contribute a description! |
| Adobe Color Stock | Help us improve — contribute a description! |
| AI Palette | Help us improve — contribute a description! |
| Blackout FX | / Cinecolors / Creatopia |
| Camilla Falsini | Geometric, bold colors |
| Canva Color Wheel | Help us improve — contribute a description! |
| Chroma HEX/RGB Color Picker | - Color Picker on anything on the website |
| CineColor | Help us improve — contribute a description! |
| Cinecolors | Blackout FX / / Creatopia |
| Color and Contrast | Help us improve — contribute a description! |
| Color Designer | Help us improve — contribute a description! |
| Color Experts | Youtube channels |
| Color Finale | / Alex 4D / FCPX / Industrial Revolution - Not Free |
| Color Fizz | Help us improve — contribute a description! |
| Color Game | Help us improve — contribute a description! |
| Color Geo Guesser | Help us improve — contribute a description! |
| Color Magic | AI powered |
| Color Name | Get Color name of a HEX |
| Color Palette Pro | - Color Palette Synthesizer |
| Color Palettes | Help us improve — contribute a description! |
| Color Supply | Help us improve — contribute a description! |
| Color Works | Help us improve — contribute a description! |
| color-blend | intermediate colors between 2 or 3 colors |
| Color.review | Help us improve — contribute a description! |
| Colorfle | Help us improve — contribute a description! |
| colorslurp.com | Help us improve — contribute a description! |
| Colorsuite | Lightroom Preset Extractor |
| Colortime Lab | / Creative Market / Craftwork |
| Creatopia | Blackout FX / Cinecolors / |
| Design Index | Help us improve — contribute a description! |
| Digital Color Fidget/ | Help us improve — contribute a description! |
| Eva Design | Help us improve — contribute a description! |
| Figma | Help us improve — contribute a description! |
| Figma Color meanings | - Different colors meaning and palettes |
| Found Color | Help us improve — contribute a description! |
| Google Arts Experiments (Find art from palette) | Help us improve — contribute a description! |
| Halftones, Watercolors | Help us improve — contribute a description! |
| Image Colorizer | - Turn old BW picture to color |
| Mindfully curated color palettes | Help us improve — contribute a description! |
| Movies in color | Color Palettes inspired by movie scenes Movies color palettes |
| My saved colour palettes | Help us improve — contribute a description! |
| Nippon Colors | Japanese Color Palettes |
| Nippon Palette | Japanese Color Palettes |
| No BS Color Palette Generator | Help us improve — contribute a description! |
| Palette Generator | Help us improve — contribute a description! |
| PaletteMaker App | Help us improve — contribute a description! |
| Perron | Iconic, Colourful, biophilic |
| Pick a Palette | / Henry Gao For Procreate! |
| Play in Colors | Help us improve — contribute a description! |
| Radix Colors | Help us improve — contribute a description! |
| Raw Color | Help us improve — contribute a description! |
| Relax | 3D w/user Italy - Colors |
| Scheme Color | Help us improve — contribute a description! |
| Shape and Color | Pixels / Figma comunity / |
| Step Inside Colors World | Help us improve — contribute a description! |
| Super Color Palette | Help us improve — contribute a description! |
| Texture Pack | Help us improve — contribute a description! |
| Tone-based surface color | Help us improve — contribute a description! |
| Tonester Paints | - Paint collection with beautiful unique colors |
| Trad. Colors of Japan | Japanese Color Palettes |
| Try Colors | Help us improve — contribute a description! |
| Unblast Palettes | Mindfully curated color palettes / |
| 0to255 | A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more. |
| 2 Color Combinations | Provides you different color combinations to be used on your application. |
| Adobe Color | Create color schemes with the color wheel or browse thousands of color combinations. |
| Adobe Color | Create color palettes, extract gradients from images, etc. |
| Adobe Trends | Discover current color trends in different industries from the creative communities on Behance and Adobe Stock |
| AiSeka | Discover Created the best Color Palette & Color Tools. |
| BRAND PALETTES | Logo Color Codes and Palettes |
| BrandColors | A collection of major brand color codes for easy reference and use in design projects. |
| Color Brewer 2 | The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest. |
| Color Designer | A gradient generetor from one color. |
| Color Hex | Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color. |
| Color Hex Picker | Tool to get hex code along with name of the color. |
| Color Hunt | Color Hunt is a platform for curated color palettes. It features a collection of trendy color schemes submitted by designers from around the world. |
| Color Leap | Travel through time with color palettes inspired by different historical periods. |
| Color Lovers | It will show the color schemes which are popular in the outside world. |
| Color Shades Generator | We can quickly generate color shades of our favorite colors or any colors, to create templates or css components with multiple color shades and more useful tools available on same site |
| Colorable | Color combination contrast tester |
| Colorate | Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. |
| ColorBox | A free website to produce color set |
| ColorCurves.app | Color palette generator that uses curves to generate color palettes |
| ColorDrop | A platform for creating, exploring, and sharing color palettes with a focus on simplicity and usability. |
| Colorffy | Discover, create, and share beautiful color palettes. |
| ColorGradient | A free tool to create simple and complex CSS Gradients visually |
| ColorHexa | A color encyclopedia providing information and conversion for colors. |
| Colorlab | Find your perfect Color Palette easily! Explore, create, and save beautiful colors perfect for any project. Whether you're working on your website or refreshing a mobile app design, Colorlab is the tool you need to get colors right! |
| ColorLeap | Take a leap through time and see the colors of history. |
| ColorLisa | A curated collection of color palettes inspired by famous artists, designed to spark creativity and inspiration. |
| Colormind | AI-generated color schemes. |
| Colors & Fonts | A curated library of colors, fonts and resources |
| colors.dopely | Super-fast and simple color palette generator, palettes can be saved and shared in seconds. |
| Colors.lol | Interesting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color. |
| Colorsinspo | All-in-one resource for finding everything about colors |
| ColorSpace | Generate nice color palettes from one color |
| ColorsWall | Place to store your color palettes and generate palette in one click |
| Colorzilla | A powerful online Photoshop-like CSS gradient editor |
| Colour Lovers | Creative community where people from around the world create and share colors, palettes, and patterns. |
| CombineCOLORS | Color mixing tool |
| coolbackgrounds generator | Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites. |
| CoolHue | Specializes in providing a wide range of beautiful gradient combinations for design inspiration. |
| Coolors | Generate color schemes and palettes. |
| Croma | Powerful color tools including an eyedropper, color picker, and palette generator. |
| CSS gradient | A free website to make custom gradient and some examples of gradient |
| CSS Gradient Editor | You may only need this tool for creating CSS gradient backgrounds and patterns. |
| Design Seeds | A color inspiration site featuring curated color palettes derived from photographs and nature. |
| Duo | Duo is a collection of colour combinations that I’ve curated from personal projects or that I’ve come across on the web. |
| Duotone | Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds. |
| Eggradients | Gradient Background Colors with eggs. |
| Encycolorpedia | Website for referencing web colors. Color knowledge, Web colors, Hex color codes. |
| EnigmaEasel | AI color palette generator and gradient generator for creating accessible design systems with built-in contrast auditing and Tailwind exports. |
| FarbVelo | A random color palette generator |
| Flat UI Colors | Flat UI Colors offers a collection of flat color palettes inspired by material design. It's particularly useful for web and UI design. |
| Google Material Color Tool | Official Google Material Color Palette Tool |
| Grabient | Gradient Selector |
| Gradient Buttons | Ready to use copy/paste gradient buttons |
| Gradient Hunt | A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients |
| gradienta | A pure css and jpg gradients |
| Gradientos | Find and test gradients easily. |
| Happy Hues | Happy Hues is a color palette inspiration site that features beautiful color combinations for designers and developers. |
| HEX Color Codes | It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. |
| HTML Color Codes | Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names |
| HTML CSS Color | Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc. |
| Huemint | Huemint uses machine learning to create unique color schemes for your brand, website or graphic |
| Huetone | A tool to create accessible color systems. |
| Image Color Picker | Image color picker and palette generator |
| InclusiveColors palette creator | Create custom accessible Tailwind-style color palettes, where you can modify HSL curves across whole swatches, check WCAG/APCA contrast, then export to Tailwind/CSS/Figma/Adobe |
| Khroma | Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save. |
| Lospec Palette List | The Lospec Palette List is a database of palettes for pixel art. |
| Material Design Palette | Google's Material Design Palette provides a set of predefined color palettes based on the Material Design guidelines. |
| Material Design Palette Generator | Generate theme and color palette Material Design-like |
| Material Palette | Free to pick palettes, icons and colors for Material Design |
| Material Palettes | 1000+ Material Design palettes |
| Muzli Colors | A color palette generator with trending palettes and colors. |
| Palettab | A Chrome extension that generates beautiful color palettes with every new tab. |
| Palette Generator | Generate new color palette with every spacebar press |
| Palette List | Pick 2 colors you like and the tool generates thousands of palettes for you. |
| Paletton | Color scheme designer with various tools to generate color combinations. |
| Palettte App | Build smooth color schemes that flow from one color to another. |
| Pigment by ShapeFactory | A tool for generating beautiful color palettes using gradient combinations and color harmonies. |
| Realtime Colors | Visualize your color palette on a real website template instantly — export to CSS variables. |
| Saruwakakun | The stunning color scheme for website & App Designs with previews |
| ShadeSwash | Quickly generate shades of any color |
| UI Colors | Tailwind CSS color palette generator |
| UI Gradients | UI gradients color generator |
| UIColor Picker | A collection of UI Colors with hex codes available to be copied in just one click. |
| Veranda Color | Browse color palettes made by other designers, generate and submit your own |
| Volume | 3D OKLCH color palette generator. |
| Web Gradients | A free website to find good CSS gradients |