Stockio
Web DesignWeb DevelopmentTechToolsResourcesAdvertise

Web Design articles

UI DesignUX & ResearchTypography & ColourIcons & IllustrationDesign SystemsMotion & AnimationBranding & BusinessAI for Design & UX

Web Development articles

HTML & CSSJavaScript & FrameworksBackend & APIsPerformance & SEODevOps & DeploymentAccessibilityDev Tools & AI CodingAI Builders & APIs

Tech articles

Smartphones & TabletsLaptops & PCsSmart Home & GadgetsHome Wi-Fi & InternetOnline Security & ScamsStreaming & GamingWeb Hosting & ServersVPN & Online Privacy
Hand-picked & free

Free colour tools

Explore palettes, gradients and contrast, then turn them into a scale with our palette generator. Always check each licence before commercial use.

CoolorsFast palette generator: press spacebar to shuffle, lock colours you like, then export to CSS or PDF.Free tierColormindAI palette generator that learns from photos, films and art, with live UI previews.FreeHappy HuesCurated palettes shown in context on real page mockups, so you see them in action.FreeAdobe ColorColour wheel, harmony rules and palette extraction from images, with accessibility tools.FreeColor HuntThousands of hand-picked four-colour palettes, sorted by trendy, popular and new.FreePalettonClassic colour-scheme designer based on the colour wheel, with mono, triad and tetrad modes.FreeHuemintMachine-learning palettes previewed on brands, websites and illustrations.FreeKhromaAI colour tool that learns which colours you like and generates endless combinations.FreeUI ColorsGenerate Tailwind-style 50–950 shades from one colour, with contrast hints.Free tierTailwind ColoursThe full default Tailwind palette, ready to copy as hex, RGB or HSL.MITRadix ColorsAccessible 12-step scales with matching dark mode and semantic aliases.MITLeonardoAdobe's tool for contrast-based adaptive colour systems, built for design tokens.Apache 2.0Accessible PaletteBuild colour systems with consistent lightness and contrast across every step.FreeWebAIM Contrast CheckerCheck any two colours against WCAG AA and AAA — the industry-standard tool.FreeColour Contrast CheckerQuick WCAG contrast checks with live sliders and previews.FreeWho Can UseSee how a colour pair looks to people with different types of colour vision.FreeColor ReviewCheck and tweak contrast with live text previews and swatch suggestions.FreeOKLCH Color PickerPick colours in perceptual OKLCH and convert to modern CSS syntax.FreeHuetoneCraft predictable, accessible palettes using LCH, with contrast graphs.FreeColorBoxLyft's algorithmic colour-scale generator with bezier-curve control.FreePalettte AppEdit and remap palettes with fine curve controls for smooth ramps.FreeMaterial Theme BuilderGenerate a full Material 3 colour scheme from one seed colour.FreeEva ColorsAI-generated semantic palettes (success, warning, info) from your brand colour.FreeGradient HuntThousands of hand-picked gradient palettes with one-click CSS copy.FreeuiGradientsCommunity collection of copy-ready CSS gradients, from subtle to loud.FreeCSS GradientVisual gradient generator with CSS output and in-depth guides.FreeMesherGenerate soft mesh gradients in pure CSS, with draggable colour points.FreeGrabientBrowse and tweak beautiful linear gradients, then copy the CSS.FreeImage Color PickerUpload an image to pick exact HEX and RGB values from any pixel.FreeEncycolorpediaLook up any colour's names, conversions and paint matches across brands.Free