Colour Palette Generators, Contrast Checkers & Colour Theory Tools
37 resources indexed
Master colour in your designs with palette generators, contrast accessibility checkers, colour extraction tools, and resources for understanding colour theory. Create harmonious, accessible colour schemes every time.
Pokemon Palettes
This website allows you to enter a Pokemon's name (or simply its number in the Pokedex), and its top 3 colours will be extracted.
Reasonable Colors
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
fffuel
fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
UI Gradients
uiGradients is a community contributed collection of beautiful multi-color gradients.
Poline
Poline is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.
Button Buddy
Learn about accessible button contrast and use the generator to begin creating button styles with accessible contrast.
Color Palettes
30+ hand curated color palettes. Find a great color palette for your next project
Open Color
Open color is an open-source color scheme optimized for UI like font, background, border, etc.
Who Can Use Colour Checker
A fantastic colour contrast checker tool that brings attention to how color contrast can affect different people with visual impairments using statistics and examples.
Color Blind Filter
View your website with simulated colour blindness to ensure your content is accessible.
Colors & Fonts
A collection of color and typography resources for Web Developers and Digital Designers to find inspiration.
Hypercolor Tailwind Gradients
A curated collection of beautiful premade gradients using default colors from the Tailwind CSS color palette. Simply copy the code snippets to use within your own apps.
Mesh Gradients
Mesh is a simple way to create beautiful, unique gradients using shaders.
Pantone Colour Finder
Pantone provides a universal language of color that enables color-critical decisions through every stage of the workflow for brands and manufacturers.
Cool Backgrounds
What it says on the tin. Cool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites.
Color Hunt
Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes
WebGradients
WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.