Start a project

Tool 59 of 244 · Accessibility

Colour-Blind Safe Chart Palette Generator

Generates categorical and sequential data-viz palettes that stay distinguishable under colour vision deficiencies.

Colour-Blind Safe Chart Palette Generator

The palette

Swatches and proof

#HexNeighbour contrastNotes
CSS variables
JSON

01

What it does

Generates categorical and sequential data-viz palettes that stay distinguishable under colour vision deficiencies.

  • Optimiser (simulated annealing in OKLab) maximising the minimum pairwise deltaE across normal + 3 CVD simulations (Machado 2009 matrices,…

02

Private by design

Everything happens in your browser. Nothing you type, paste or upload is sent anywhere, and it keeps working offline once the page has loaded.

03

What you get

A palette, a colour-vision proof and CSS variables, with a Copy and a Download button on every result.

  • Colour blindness
  • Palette
  • Charts

Why it matters

Generates categorical and sequential data-viz palettes that stay distinguishable under colour vision deficiencies.

Optimiser (simulated annealing in OKLab) maximising the minimum pairwise deltaE across normal + 3 CVD simulations (Machado 2009 matrices, shared with colour-blindness-simulator), with lightness range and background contrast constraints; sequential/diverging ramps; exports CSS, JSON, Tailwind, D3/Chart.js arrays; preview charts. Everything runs in your browser; nothing you paste is sent unless you press Fetch.

How to use it

  1. Paste or type the input the tool asks for.
  2. Read the summary and the table or preview.
  3. Adjust the options if you need a different result.
  4. Copy or download the output. Nothing leaves this page.

FAQ

Is my input uploaded?

No. The work runs in your browser and nothing you type, paste or upload is sent anywhere.

Will this change my site for me?

No. It shows results and, where it writes rules or files, you copy them and apply them yourself.

Can I rely on this as official guidance?

It follows public documentation and well-known algorithms, and tells you where it is a subset or a simulation. Confirm critical changes in the official tool or a staging environment.

Work with me

Want a site that gets these right?

I build fast, accessible websites and web apps that pass these checks from day one. Tell me about your project and I'll reply personally with honest next steps.

All developer tools · Back to leej.uk