An accessible color palette for this space

Tags: colors accessibility

This space was designed with accessibility in mind, to be as inclusive as possible. I used Leonardo to create an accessible color palette that improves readability based on contrast measured according to the APCA algorithm.

Leonardo user interface

I designed the theme for this space so that it adapts to the user's preferences by following the light/dark theme settings of the operating system or browser.

The palette consists of 9 colors and distributed over 7 contrast levels and below is rendered directly from the browser.

100
200
300
400
500
600
700
Grey
Red
Orange
Yellow
Green
Aqua
Blue
Violet
Purple