WCAGKit Color Palette Generator

Spec sheet

Purpose

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

Intended users

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

Privacy

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

Contrast results

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

Embedding

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

Export

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

Manual checker

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

Palette colors

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

Price and access

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

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.Read 8 Oct 2026 · wcagkit.com

Plans and prices

Every WCAGKit Color Palette Generator plan and price →

Where Specifiction places it

• Color Palette Generators#30 of 346.8