Color

Color Toolkit

Hand-picked tools and resources to help you find, create, and work with color more confidently.

people discussing

Poline
Esoteric Color Palette Generation Library
https://meodai.github.io/poline/

Shader Gradient
Make your designs alive. Shadergradient is a new tool to create beautiful, moving gradients https://www.shadergradient.co/

Randoma11y
Accessible color combinations
https://randoma11y.com/


OKLCH Color Picker

OKLCH is a new way to encode colors (like hex, RGBA, or HSL)
https://oklch.com/

Realtime Colors
Visualize your color palettes on a real website for the first time
https://realtimecolors.com/

Alphredo
Create translucent versions of your colors. Generates translucent (alpha) colors that look the same as their opaque counterparts when placed against the same background
https://alphredo.app/

Color and Contrast
An interactive guide to color & contrast
https://colorandcontrast.com/

Leonardo
An open source contrast-based color generator
https://leonardocolor.io/

Color Parrot Compagnion
Information about color companion site
https://parrot.color.pizza/


Colors Tools
Take the guesswork out of picking the right colors for your next artwork and user interface
https://www.colors.tools/

Colors Combinations
Where can we get inspiration to create unique colors combinations
https://colors.combinations.obys.agency/

Conic Style
Nice, simple conic gradients
https://www.conic.style/

Colorion
Curated color palettes with search and tags support
https://www.colorion.co/

Color Selector
A database of color & images for artists, designers, photographers, printers or curious people and more
https://www.color-selector.com/

MESH
Create beautiful gradients right in your browser
https://meshgradient.com/

colors.lol
Overly descriptive color palettes. Created as a fun way to discover interesting color combinations
https://colors.lol/

Gradienta
Multicolor CSS gradients, JPG downloads, 100% free
https://gradienta.io/

Colorsinspo
Thousands of beautiful color palettes you can use directly by one click
https://colorsinspo.com/

calcolor.co
A new way to find, modify and share digital colors. Leave abstract color models behind and focus on perception
https://calcolor.co/

Who Can Use
A tool that brings attention and understanding to how color contrast can affect different people with visual impairments
https://whocanuse.com/

Happy Hues
A color palette inspiration site that acts as a real world example of how the colors could be used in design
https://www.happyhues.co/

Colorkit
Generates color scales by mixing the shades between two colors. Enter a start and end color to get a full scale
https://colorkit.io/

Shade Generator
Generate color codes for shades and tints of the colors you use everyday
https://www.shadegenerator.com/

Color by Cloudflare Design
A color palette tool for interface design
https://cloudflare.design/color/

Open Color
An open-source color scheme optimized for UI like font, background, border, etc.
https://yeun.github.io/open-color/

Mycolorpanda
A color gradient generator tool which helps you create realtime CSS gradients
https://www.mycolorpanda.com/

Muzli Colors
Color palette generator — create beautiful color schemes
https://colors.muz.li/

Gradient Magic
A gallery of fantastic and unique CSS Gradients
https://www.gradientmagic.com/

Colors by Klart
Beautiful and data driven color palettes
https://klart.io/colors/

Khroma
The AI color tool for designers. Discover, search, and save color combinations you'll love
http://khroma.co/

Stark
The color-blind simulator and contrast checker for Sketch & Adobe XD. Design with accessibility in mind
http://www.getstark.co/

HTML Color Codes
Easily find HTML color codes for your website using a color picker, color chart and HTML color names
https://htmlcolorcodes.com/

Culrs
Gives you a simple smart approach to choose color palettes
https://culrs.com/


Contrast Ratio

Easily calculate color contrast ratios. Passing WCAG was never this easy!
https://contrast-ratio.com/

Color Lisa
Color palette masterpieces from the world's greatest artists
http://www.colorlisa.com/

Color Safe
Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background colors
http://colorsafe.co/

Color Oracle
Free color blindness simulator for Windows, Mac and Linux
http://colororacle.org/

Color Designer
Generate easily a color palette for your project. Also generates tints and shades
https://colordesigner.io/

Color Review
What you need to know about colors & accessibility. A modern tool for exploring and finding accessible colors
https://color.review/

ColorSlurp
The ultimate color productivity booster for developers or designers
http://colorslurp.com/

Palettte App
Helps you to create, analyze and edit smooth color palettes
https://palettte.app/

Pigment
A unique way to generate fresh and vibrant colors based on lighting and pigment, instead of math
https://pigment.shapefactory.co/

Flat UI Colors 2
A total set of 14 color palettes and 280 colors for your designs, projects, presentations and other needs
https://flatuicolors.com/

COLOURlovers
An international community of designers and artists of all kinds who visit the site to get color inspiration
https://www.colourlovers.com/

Adobe Color CC
Create color schemes with the color wheel or browse thousands of color combinations
https://color.adobe.com/create/color-wheel/

ColorBox
A color tool to produce color sets. Made by Lyft Design
https://www.colorbox.io/

Colourco.de
Online designer tool, which allows you to easily and intuitively combine colours
https://colourco.de/

Color Claim
Created by Tobias van Schneider to collect & combine unique colors for future creative projects
https://www.vanschneider.com/colors

Site Palette
A browser extension to generate comprehensive palettes. A must-have tool for designers and frontend developers
http://palette.site/

Coolors.co
The super fast color schemes generator. Create, save and share perfect palettes in seconds
https://coolors.co/

ColorSpark
A simple and effective tool that generates random colors and gradients
https://colorspark.app/

Tint and Shade Generator
Easily make tints and shades in 10% increments
https://maketintsandshades.com/

Sip for Mac
The best way to collect, organize & share your colors
http://sipapp.io/

uiGradients
A handpicked collection of beautiful color gradients for designers and developers
https://uigradients.com/

Color Leap
Search through 180 color palettes used throughout the last 4000 years
https://colorleap.app/home

Material Design Palette Generator
Make perfect Material Design color palettes from any hex input, and get color recommendations
https://materialpalettes.com/

CSS Gradient
A free CSS gradient generator tool that lets you create a colorful gradient background
https://cssgradient.io/

Contrast
A macOS app for quick access to WCAG color contrast ratios
https://usecontrast.com/

Blend
Create and customize beautiful CSS3 gradients
http://www.colinkeany.com/blend/

Wheel
Playful color wheel generator
https://hihayk.github.io/wheel/

Scale
Playful color scales generator
https://hihayk.github.io/scale/

BrandColors
The biggest collection of official brand color codes around. Includes hex color codes for 500+ brands
https://brandcolors.net/

Web Gradients
A free collection of 180 linear gradients that you can use as content backdrops in any part of your website
https://webgradients.com/

Grabient
Beautiful and simple UI for generating web gradients
https://www.grabient.com/

ColorSpace
Find the perfect matching color scheme for your next project. Generate nice color palettes
https://mycolor.space/

Picular
A rocket fast primary color generator using Google's image search
https://picular.co/

Color Hunt
Color palettes for designers and artists. Thousands of trendy hand-picked color palettes
https://colorhunt.co/

Colors Combinations

Where can we get inspiration to create unique colors combinations?

Share

Stay in the loop

Design tips, course updates and resources. Every week in your inbox.

No spam. No noise. Just useful stuff for designers who want to keep getting better.

Stay in the loop

Design tips, course updates and resources. Every week in your inbox.

No spam. No noise. Just useful stuff for designers who want to keep getting better.