Resources
Color Toolkit
Picking the right colors shouldn't be guesswork. The best free color tools in one place — from palette generators and gradient makers to contrast checkers and accessibility testers.
Here's the full list:
Poline
Esoteric color palette generation library.
https://meodai.github.io/poline/
Shader Gradient
A tool to create beautiful, moving gradients that bring your designs to life.
https://www.shadergradient.co/
Randoma11y
A generator for accessible color combinations.
OKLCH Color Picker
A new way to encode colors, similar to hex, RGBA, or HSL but more perceptually uniform.
Realtime Colors
Visualize your color palettes on a real website before committing to them.
Alphredo
Generates translucent versions of your colors that look identical to their opaque counterparts on the same background.
Color and Contrast
An interactive guide to color and contrast.
Leonardo
An open source contrast-based color generator.
Color Parrot Companion
A companion site with detailed information about colors.
Colors Tools
Takes the guesswork out of picking the right colors for your next artwork or user interface.
Colors Combinations
A source of inspiration for creating unique color combinations.
https://colors.combinations.obys.agency/
Conic Style
A simple tool for generating nice conic gradients.
Colorion
Curated color palettes with search and tag support.
Color Selector
A database of colors and images for artists, designers, photographers, and printers.
https://www.color-selector.com/
MESH
Create beautiful mesh gradients right in your browser.
colors.lol
Overly descriptive color palettes — a fun way to discover interesting color combinations.
Gradienta
Multicolor CSS gradients with JPG downloads, 100% free.
Colorsinspo
Thousands of beautiful color palettes you can apply directly with one click.
calcolor.co
A new way to find, modify, and share digital colors, leaving abstract color models behind.
Who Can Use
A tool that shows how your color contrast affects people with various visual impairments.
Happy Hues
A color palette inspiration site that shows how each palette would actually look in a real design.
Colorkit
Generates color scales by mixing shades between two colors across a chosen number of blend steps.
Shade Generator
Generate color codes for shades and tints of the colors you use every day.
https://www.shadegenerator.com/
Color by Cloudflare Design
A color palette tool built specifically for interface design.
https://cloudflare.design/color/
Open Color
An open-source color scheme optimized for UI elements like fonts, backgrounds, and borders.
https://yeun.github.io/open-color/
Mycolorpanda
A color gradient generator that helps you create real-time CSS gradients for your projects.
Muzli Colors
A color palette generator for creating beautiful color schemes.
Gradient Magic
A gallery of fantastic and unique CSS gradients.
https://www.gradientmagic.com/
Colors by Klart
Beautiful, data-driven color palettes.
Khroma
An AI color tool for designers to discover, search, and save color combinations you'll love.
Stark
A color-blind simulator and contrast checker for Sketch and Adobe XD — design with accessibility in mind.
HTML Color Codes
Find HTML color codes for your website using a color picker, color chart, and color name reference.
Culrs
A simple, smart approach to choosing color palettes.
Contrast Ratio
Easily calculate color contrast ratios — passing WCAG was never this easy.
Color Lisa
Color palette masterpieces inspired by the world's greatest artists.
Color Safe
Beautiful and accessible color palettes based on WCAG guidelines for text and background contrast.
Color Oracle
A free color blindness simulator available for Windows, Mac, and Linux.
Color Designer
Easily generate a color palette for your project, including tints and shades.
Color Review
A modern tool for exploring and finding accessible colors, with everything you need to know about color and accessibility.
ColorSlurp
The ultimate color productivity booster for developers and designers.
Palettte App
Helps you create, analyze, and edit smooth color palettes.
Pigment
A unique way to generate fresh and vibrant colors based on lighting and pigment rather than math.
https://pigment.shapefactory.co/
Flat UI Colors 2
A total set of 14 color palettes and 280 colors for your designs, projects, and presentations.
COLOURlovers
An international community of designers and artists who share color inspiration, ideas, and feedback.
Adobe Color CC
Create color schemes with the color wheel or browse thousands of color combinations from Adobe.
https://color.adobe.com/create/color-wheel/
ColorBox
A color tool to produce color sets, made by the Lyft Design team.
Colourco.de
An online designer tool that lets you easily and intuitively combine colors.
Color Claim
A collection of unique colors and combinations curated by Tobias van Schneider since 2012.
https://www.vanschneider.com/colors
Site Palette
A browser extension that extracts a comprehensive color palette from any website.
Coolors.co
The super fast color scheme generator — create, save, and share perfect palettes in seconds.
ColorSpark
A simple and effective tool that generates random colors and gradients.
Tint and Shade Generator
Easily make tints and shades of any color in 10% increments.
https://maketintsandshades.com/
Sip for Mac
The best way to collect, organize, and share your colors on a Mac.
uiGradients
A handpicked collection of beautiful color gradients for designers and developers.
Color Leap
Browse 180 color palettes used throughout the last 4,000 years of history.
Material Design Palette Generator
Make perfect Material Design color palettes from any hex input, with color recommendations included.
CSS Gradient
A free CSS gradient generator tool for creating colorful gradient backgrounds.
Contrast
A macOS app for quick access to WCAG color contrast ratios.
Blend
Create and customize beautiful CSS3 gradients.
http://www.colinkeany.com/blend/
Wheel
A playful, interactive color wheel generator.
https://hihayk.github.io/wheel/
Scale
A playful color scale generator.
https://hihayk.github.io/scale/
BrandColors
The biggest collection of official brand color codes — hex colors for 500+ brands including Facebook, Twitter, and Instagram.
Web Gradients
A free collection of 180 linear gradients to use as content backdrops anywhere on your website.
Grabient
A beautiful and simple UI for generating web gradients.
ColorSpace
Generate matching color schemes, palettes, and gradients for your next project.
Picular
A rocket-fast primary color generator that uses Google image search as its source.
Color Hunt
Thousands of trendy, hand-picked color palettes for designers and artists.
Colors Combinations
Where can we get inspiration to create unique colors combinations?
