Best Color Design Resources in 2022

Supa Gradient plugin allows you to create and manage gradients

Build color palettes for free with importing images from camera. Sync across iCloud and available for free on iOS and macOS.

A deep learning semantic color generator for user interface states.

Helpful reference collecting 600+ brand color codes all over the world.

Built by Cloudflare Design Team. Colorbox allows easy palettes preview on UI elements, importing color palettes from existing websites and also preview accessibility index on color contrast.

Colorbook converts colors easily to any printing and coding format. It also visualises color pairing as web design color scheme.

Capture photos and auto convert real-life hues into color palettes with Adobe Capture CC. It also directly integrates to to your Adobe CC's swatches if you are a subscriber.

The most convenient app to grab color code is the one built-in to your Mac. Digital Color Meter is a default Mac utilities app hidden in your Application folder. Simply press Shift + Command + C will copy the value into the clipboard. You can also adjust color profile (native, sRGB, Adobe RGB or P3 etc.) as well as the values to display

Train your eyesight to be laser-like. Munsell Hue Test is a fun yet challenging game to arrange color block by hue order. Lower the score is better.

Color section of Apple’s Human Interface Guidelines is a great introductory piece for color design when you are designing websites and apps.

Paletton takes on the scientific approach to find the right palette by adjacent and triad colors. It has plenty of previews and simulations to accommodate different scenarios for palette usage.

Material UI collects brand color for the major social media platform. Now you are one-click away from adopting the tone to your own customised banners and buttons.

Dribbble Colors is a hidden treasure for UI designers who are looking for case studies of color adoption. It allows users to search Dribbble shots by color using hex code. Users also can adjust percentage of the containing color within a shot. This tool comes handy to see how a color plays out in other design.

Subtle color gradients collection made for website background. CSS code, PNG, Sketch and PSD previews are all set.

USD$10 with 1 year of updates. Consider Sip as the professional version of Digital Color Meter, it is the best color tool built for pro-user in mind, providing seamless integration to professional workflows and applications. I love how It docks color palettes on top of the screen in a minimalist way, allowing cross-app usage. v2 is available now with more useful features and new pricing model.

One-tap super quick color schemes generator. User-generated palettes are also available for export. Paid upgrade for iOS App, Chrome Extension, and Adobe Addon.