✦ Free resources
Free Color Palette, Gradient and Contrast Tools
Tools to build a color palette, make gradients and check that text is readable. The accessibility tools test contrast, scan pages for problems and let you hear a page the way a screen reader user does.
- 124 free resources
- 15 open source
- 8 with a free plan
- Every link checked
124 free resources
Color and gradients
Palettes, contrast checks and background generators.
- Accessible PaletteFreeBuild color systems with consistent lightness and contrastaccessiblepalette.com
- Adobe ColorFreeColor wheel, harmony rules, and palette extraction from imagescolor.adobe.com
- AI colorsFreeGenerate color palettes with AI from a text ideabairesdev.com
- AlphredoFreeFind translucent colors that match a solid color on a backgroundalphredo.app
- AnyGradientFreeDesign multi-stop gradients with OKLCH color, grain and ready-to-use exportsanygradient.com
- BGJarFreeFree SVG background generatorbgjar.com
- Brand ColorsFreeOfficial color codes for hundreds of brandsbrandcolors.net
- ColirFree tierGradient editor driven by adjustable curves with live WebGL renderingcolir.space
- Color ClaimFreeCurated color pairs from mymind to use in new projectsaccess.mymind.com
- Color DesignerFreeBuild palettes, tints and shadescolordesigner.io
- Color HuntFreeCommunity picked four color palettescolorhunt.co
- Color LeapFreeExplore color palettes drawn from different periods of historycolorleap.app
- Color NamesFreeFind the name of any colorcolors.artyclick.com
- Color PalFreePick color palettes suited to design system workcolor-pal.com
- Color RampFreeGenerate accessible color ramps for a UI in a few seconds, no signupcolor-ramp.com
- Color SelectorFreeSearchable color and image library for spotting trends before you designcolor-selector.com
- Color ShadesFreeFigma plugin that creates shades from a single base colorfigma.com
- Color StudioFreeMake balanced interface color scales using the OKLCH color modelimperavi.com
- Color SupplyFreeColor schemes shown on real UI examplescolorsupplyyy.com
- color-spaceOpen sourceOpen source library for converting between color spaces in codecolor-space.io
- ColorBoxFreeLyft's tool for generating color sets with curvescolorbox.io
- ColorBrewerFreeMap and data visualization color schemescolorbrewer2.org
- ColorcaFreeBuild an accessible color set for apps and sites in a few stepscolorca.org
- ColorDropFreeColor palette ideas with hex codes for creativescolordrop.io
- ColorFlowFreeEditor for building mesh gradients with fine controlcolorflow.ls.graphics
- ColorhexaFreeLook up any hex color to see shades, conversions and schemescolorhexa.com
- ColorizerFreeColor picker and converter with precise values and contrast checkscolorizer.org
- ColorKitFreePalette generator, color scales and toolscolorkit.co
- ColormindFreePalette generator trained on photos, film, and artcolormind.io
- Colors.lolFreePalettes with playful, long-winded descriptions for each colorcolors.lol
- ColorSlurpFree tierMac color picker for grabbing, editing and copying colors from the screencolorslurp.com
- ColorspaceFreeGenerate consistent, predictable color swatches for a design systemcolorspace.dev
- Cool BackgroundsFreeGenerate gradient, particle and pattern backgroundscoolbackgrounds.io
- CoolhueOpen sourceCurated gradient hues with codewebkul.github.io
- CoolorsFree tierFast palette generator with locking, export, and contrast checkscoolors.co
- CSS GradientFreeGradient generator with copyable CSScssgradient.io
- Design GradientsFreeFree gradient collection picked by designers, ready to copy into projectsdesigngradients.com
- Design SeedsFreeColor palettes pulled from photos to inspire your own schemesdesign-seeds.com
- DiffusedFreeBrowser studio for soft mesh gradients with texturediffused.bemosu.com
- DuoFreeTwo-color pairings collected from real websitesduo.alexpate.com
- Eva Color GeneratorFreeGenerate a full brand palette from one colorcolors.eva.design
- Flat UI ColorsFreePopular flat color palettes, ready to copyflatuicolors.com
- GoodpaletteFreeGenerate pleasing color palettes from a starting colorgoodpalette.io
- GrabientFreeSimple tool for picking and tweaking CSS gradientsgrabient.com
- Gradient ArtFreeStack gradient layers in an editor and copy the CSS outputgra.dient.art
- Gradient HuntFreeCommunity collection of gradientsgradienthunt.com
- Gradient MagicFreeBig gallery of CSS gradients, including animated onesgradientmagic.com
- GradientaFreeFree pure CSS gradient backgroundsgradienta.io
- GradientosFreePreview CSS gradient presets on real interface components before copyinggradientos.app
- Happy HuesFreeExample palettes shown applied to a real page layouthappyhues.co
- HarmonizerFreeEvil Martians generator that builds interface color sets with even contrastharmonizer.evilmartians.com
- HexfulFreeBrowse palettes, color combinations and gradients with a pickerhexful.com
- Hue.toolsFreeMix, convert and inspect colorshue.tools
- HuemintFreeMachine learning palette generator previewed on brand mockupshuemint.com
- HueyFreeGenerate color palettes that sweep across the rainbowhuey.design
- InclusiveColorsFreeBuild Tailwind-style color scales checked against WCAG contrastinclusivecolors.com
- Just Color PickerFreeWindows color picker and editor that works without an internet connectionannystudio.com
- KhromaFreeLearns colors you like and suggests paletteskhroma.co
- Kigen Color GeneratorFreeGenerate a range of shades for a design systemkigen.design
- KolorsFreeColor palette generator made for design systemskolors.dev
- LeonardoOpen sourceAdobe tool for building contrast based color systemsleonardocolor.io
- LOL ColorsFreeCurated four-color palettes for inspirationwebdesignrankings.com
- Magic PatternFreeGenerators for patterns, gradients and texturesmagicpattern.design
- Material PaletteFreeGenerate Material Design color schemesmaterialpalette.com
- Material Theme BuilderFreeGenerate Material 3 color themes and export tokensmaterial-foundation.github.io
- Meditations in ColorFreeArchive of palettes pulled from artists across art historymeditationsincolor.com
- Mesh GradientFreeGenerate mesh gradientsmeshgradient.com
- MesherFreeMesh gradient generator that outputs CSScsshero.org
- Muzli ColorsFreeQuickly generate color schemes that work well togethercolors.muz.li
- My Color SpaceFreeGenerate matching palettes and gradients from one colormycolor.space
- NeatFree tierMake animated 3D gradient backgrounds for sites and landing pagesneat.rebase.pro
- OKLCH Color PickerOpen sourcePick and convert colors in the OKLCH color spaceoklch.com
- Open ColorOpen sourceOpen color scheme tuned for UI designyeun.github.io
- Palette InspirationFreePalettes drawn from the colors of classic master paintingspaletteinspiration.com
- Palette MakerFreeMake AI color schemes and preview them live on sample layoutspalettemaker.com
- PalettonFreeClassic color scheme designer based on the color wheelpaletton.com
- PalitraFreeSearch for a color palette by describing it in plain wordspalitra.app
- Pantone to CMYKFreeConvert Pantone colors to CMYK values and backvectorization.eu
- PicularFreeSearch a word and get colors from image resultspicular.co
- PigmentFreeGenerate color pairs by tuning light and pigmentpigment.shapefactory.co
- Radix ColorsOpen sourceAccessible color scales built for UI with dark mode pairsradix-ui.com
- Randoma11yFreeRandom combinations of accessible text and background colorsrandoma11y.com
- Realtime ColorsFreePreview a palette and fonts on a live sample websiterealtimecolors.com
- rgb.toFreeConvert a single color between web, print and Pantone formatsrgb.to
- SchemeColorFreeBrowse and download thousands of ready-made color combinationsschemecolor.com
- SubcolorFreeGenerate the in-between colors that sit between two chosen colorssubcolor.github.io
- SVG WaveFreeGradient SVG wave generatorsvgwave.in
- System Color PickerFreeMac color picker with extra tools, from developer Sindre Sorhussindresorhus.com
- UI ColorsFree tierGenerates Tailwind style color scales from one hex valueuicolors.app
- uiGradientsOpen sourceCollection of ready made linear gradientsuigradients.com
- Viz PaletteFreeTest chart color palettes for distinctness and color blindnessprojects.susielu.com
- VolumeFreePick and build procedural colors in a 3D OKLCH spacevolumecolor.io
- WebGradientsFree180 linear gradients with CSS readywebgradients.com
Accessibility
Contrast checkers, testing tools and screen readers.
- AbleFreeFigma plugin for checking contrastfigma.com
- AccentedOpen sourceBrowser library that keeps checking your pages for accessibility problemsaccented.dev
- Accessibility InsightsOpen sourceMicrosoft tools for finding and fixing accessibility issuesaccessibilityinsights.io
- Accessibility Insights for WebOpen sourceFree browser extension from Microsoft that tests pages for accessibility issueschromewebstore.google.com
- Accessible Brand ColorsFreeCheck every pair in your brand palette for WCAG contrastabc.useallfive.com
- Accessible Color MatrixFreeMatrix that shows which palette color pairs meet contrast levelstoolness.github.io
- Accessible ColorsFreeFinds the nearest WCAG-passing color for your pairaccessible-colors.com
- APCA Contrast CalculatorFreeContrast checker using the newer APCA methodapcacontrast.com
- axe DevToolsFree tierBrowser extension for finding accessibility issuesdeque.com
- axe-coreOpen sourceAccessibility testing engine for automated testsgithub.com
- Button BuddyFreeCheck that button colors have enough contrast to be accessiblebuttonbuddy.dev
- CoblisFreeColor blindness simulator for imagescolor-blindness.com
- Color OracleFreeColor blindness simulator for Mac, Windows and Linuxcolororacle.org
- Color ReviewFreePick text and background colors and see WCAG contrast livecolor.review
- Color SafeFreeBuild text color palettes that pass WCAG contrastcolorsafe.co
- ColorableOpen sourceTest text and background color pairs for contrastcolorable.jxnblk.com
- Colors a11yFreeAccessible text and background pairs built from the clrs.cc paletteclrs.cc
- Colour Contrast AnalyserFreeDesktop app for checking color contrast against WCAG rulesvispero.com
- Colour Contrast CheckerFreeTest text and background color pairs against contrast guidelinescolourcontrast.cc
- LighthouseOpen sourceAudits for accessibility, performance, and SEO in Chromedeveloper.chrome.com
- NVDAOpen sourceFree screen reader for Windowsnvaccess.org
- OddContrastFreeContrast checker that supports Oklch, Oklab and P3 coloroddcontrast.com
- Omi A11YFreeChrome extension that scans pages for WCAG accessibility issuesomi-a11y.pages.dev
- Pa11yOpen sourceCommand line accessibility testingpa11y.org
- Silktide Accessibility CheckerFreeBrowser extension for checking page accessibilitysilktide.com
- Sim DaltonismFreeMac and iOS color blindness simulatormichelf.ca
- StarkFree tierAccessibility tools for Figma and browsersgetstark.co
- Stark - Contrast & Accessibility CheckerFree tierContrast and accessibility checker for Figma designsfigma.com
- WAVEFreeVisual accessibility evaluation for any web pagewave.webaim.org
- WebAIM Contrast CheckerFreeCheck color contrast against WCAG levelswebaim.org
- Who Can UseFreeShows who can read a color combinationwhocanuse.com
Questions about color and accessibility
What is the best free color palette generator?
Coolors is quick to use. Realtime Colors shows your palette on a real page, and Huemint uses AI to suggest one.
How do I check color contrast?
WebAIM Contrast Checker shows whether a pair passes WCAG. APCA Contrast Calculator uses the newer APCA method, and Stark works inside Figma.
How can I test a website for accessibility for free?
WAVE, axe DevTools and Lighthouse scan a page for common problems. NVDA is a free screen reader for Windows.
This directory, including its selection, categories and descriptions, is © 2026 Jeffrey Hakim. You’re welcome to link to it. Please don’t copy or republish the list.
✦ Want more than free tools?
Let’s build your site in Framer
I design and build fast Framer sites with clean SEO and share previews that stand out. Tell me what you’re working on.
Contact Jeffrey
