Social media thumbnail

Accessible Color Palette Generator

Background: This is a tool to automate the generation of accessible enterprise UI color palettes. It draws inspiration from Radix UI's custom color palette tool, but its color generation rules are mostly based on those I laid out in a Medium article I wrote, which I followed up with a retrospective on creating this tool. Check it out on GitHub.

Usage: Refresh the page to generate a palette based on a random accent color. Play with the inputs and click on the "Generate" button to generate a palette based on the accent color. This is a proof of concept and there's no form validation. Toggle light and dark mode to how the modes impact the color palettes.

Palette

Seed
N/A
Canvas
N/A
Card
N/A
Accent Non-Content Baseline
N/A
Accent Non-Content Soft
N/A
Accent Non-Content Subdued
N/A
Accent Non-Content Strong
N/A
Neutral Non-Content Soft
N/A
Neutral Non-Content Subdued
N/A
Neutral Non-Content Strong
N/A
Accent Content Baseline
N/A
Accent Content Subdued
N/A
Accent Content Strong
N/A
Neutral Content Subdued
N/A
Neutral Content Strong
N/A

Demo

info Please upgrade to the new version.
Fully-featured Open source
Clem Fandango
clem.fandango@example.com

Or

Task failed successfully.
V BG group group
V BG group group
Reginald Poppycock is an eccentric inventor and professional cheese sculptor, who designed the world’s first steam-powered teapot capable of reciting Shakespearean sonnets while brewing Earl Grey, from 1884 to 1885.