WCAGKit Color Palette Generator

Plans and prices

Every plan, in full

On the record

Contrast results

The tool displays contrast ratios and WCAG levels for palette pairs, including whether a pair fails.wcagkit.com · read 8 Oct 2026

Embedding

The page provides an iframe embed code for the tool, with a wcagkit attribution link.wcagkit.com · read 8 Oct 2026

Export

Users can copy the palette as CSS custom properties in :root format.wcagkit.com · read 8 Oct 2026

Intended users

The page presents the tool for people designing accessible color palettes and building color systems.wcagkit.com · read 8 Oct 2026

Manual checker

Users can check any two colors and see their contrast ratio, WCAG level, and suggested fixes for failing pairs.wcagkit.com · read 8 Oct 2026

Palette colors

The generated palette includes primary, secondary, accent, background, text, and muted colors.wcagkit.com · read 8 Oct 2026

Price and access

The tool is labeled free and says no signup is required.wcagkit.com · read 8 Oct 2026

Privacy

The page says color calculations and palette generation happen in the browser and that no color data is transmitted to a server.wcagkit.com · read 8 Oct 2026

Purpose

Generates an accessible color palette from a chosen base color and tests its combinations against WCAG contrast requirements.wcagkit.com · read 8 Oct 2026

Suggested fixes

For a failing pair, the tool adjusts the foreground color’s lightness while preserving hue and saturation to find a nearby color that meets a 4.5:1 ratio.wcagkit.com · read 8 Oct 2026

Alternatives to WCAGKit Color Palette Generator

PC Pantone Connect Palette GeneratorAndroidiPhone & iPad+2 I iWantHueAndroidiPhone & iPad+5 Q qualpalWebWindows+4 C ColorDesignerWebBrowser extension C ColorfoolWeb CP ColorPalette ProWeb G GpickLinux LC Lift Color Palette GeneratorAndroidiPhone & iPad+1

Every alternative, ranked