Generating color palettes for design systems … inspired by APCA!

This is the first of two blog posts about how we created the color palette for a new design system at Canonical. In this post I share my journey into perceptually uniform color spaces and perceptual contrast algorithms.  If you’re already familiar with these concepts, skip to this section (or visit the Github repository) to see how I reverse-engineered the Accessible Perceptual Contrast Algorithm (APCA) to generate perceptually contrasting color palettes. In the next post, I will share […]

https://www.ubuntu-server.com/ubuntu/generating-color-palettes-for-design-systems-inspired-by-apca/

Base Color : 9F0379
Mode : monochrome-light
#111111
#1F1F1F
#2E2E2E
#3C3C3C
#8F056E
#AB0583
#C70598
#E405AD
#FA0BC0
Base Color : C4F404
Mode : monochrome-light
#3C3C3C
#4E4E4E
#616161
#B4DF07
#CBF911
#D3FB34
#DBFC57
Base Color : 9535A7
Mode : monochrome-light
#2E2E2E
#3C3C3C
#4B4B4B
#595959
#8B329C
#9F38B2
#B042C4
#B957CC
#C36CD3
Base Color : E413CE
Mode : monochrome-light
#3C3C3C
#4E4E4E
#606060
#D213BE
#EB1ED6
#EF3FDD
#F260E3
Base Color : 0A9849
Mode : monochrome-light
#111111
#1F1F1F
#2E2E2E
#3C3C3C
#0A8A43
#0CA44F
#0DBF5C
#0EDB69
#15F076
Base Color : 4E993B
Mode : monochrome-light
#2A2A2A
#3C3C3C
#4F4F4F
#488C36
#54A740
#64BD4E
#7BC768
Base Color : 9F30C8
Mode : monochrome-light
#3C3C3C
#525252
#8329A5
#9F30C8
#B14DD5
#C06FDE
Base Color : EA0DC4
Mode : monochrome-light
#3C3C3C
#4A4A4A
#585858
#666666
#DB0EB7
#F015CB
#F32FD1
#F549D7
#F763DD
Base Color : 402788
Mode : monochrome-light
#181818
#2A2A2A
#3C3C3C
#39237A
#462B97
#5332B4
#633FCB