Accessible Color Palette Generator

Use 4.5:1 if the colors will be used for text at normal sizes (WCAG AA), 7:1 for AAA text, and 3:1 if they're for large headlines, chart fills, icons, or UI component borders (criterion 1.4.11).

Contrast is mostly a function of lightness. To guarantee the ratio against your background, we keep each hue but push its lightness until the math passes — that's the same trade-off any accessible design system makes.

Evenly-spaced hues with guaranteed luminance contrast against the background is a good start, but pairs within the palette can still collide for color-blind users. Run the result through our Color Blindness Simulator's palette test to verify.

Yes. Accessible Color Palette Generator is completely free. There is no sign up, no trial, and no usage cap.

No. You can start using Accessible Color Palette Generator straight away. We do not ask for an email address or a login.

No. Accessible Color Palette Generator runs entirely inside your browser, so the input you enter never leaves your device and nothing is sent to us.

No. Because everything happens locally in your browser, there is nothing for us to store. Close the tab and it is gone.

Enter or paste your input and Accessible Color Palette Generator updates the result as you go. When it looks right, copy or download it with one click.

Yes. Accessible Color Palette Generator is responsive and works in any modern browser on mobile, tablet, and desktop.

It works in current versions of Chrome, Firefox, Safari, and Edge. For the best experience, keep your browser up to date.

No. You can use Accessible Color Palette Generator as many times as you need, at no cost.

Yes. You are free to use the output in personal, educational, and commercial projects.

The site is supported by advertising, which lets us keep every tool free and open to everyone.

First check that your input is formatted as expected. If something still looks wrong, use the feedback link on the page and we will take a look.