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 : DE4D44
Mode : monochrome-dark
#88211A
#A3271F
#BF2C23
#D8342A
#DE4D44
#A1A1A1
#B1B1B1
#C1C1C1
Base Color : 0071FF
Mode : monochrome-dark
#03397C
#034598
#0452B5
#045FD1
#036BED
#878787
#959595
#A3A3A3
#B1B1B1
Base Color : D2C477
Mode : monochrome-dark
#958635
#BCA941
#CBBB64
#B1B1B1
#CBCBCB
Base Color : E94D33
Mode : monochrome-dark
#8B2312
#A52914
#BE2F17
#D83419
#E74327
#959595
#A3A3A3
#B1B1B1
#C0C0C0
Base Color : 9A3ED7
Mode : monochrome-dark
#541C7A
#7124A5
#8E2CD0
#979797
#B1B1B1
Base Color : D5DF36
Mode : monochrome-dark
#797F16
#A3AB1D
#CED823
#979797
#B1B1B1
Base Color : F13D1C
Mode : monochrome-dark
#831D0B
#AB260D
#D32E10
#EF3E1E
#9C9C9C
#B1B1B1
Base Color : 9C9986
Mode : monochrome-dark
#59574A
#6B6858
#7D7A66
#8F8B73
#9E9A84
#A1A1A1
#B1B1B1
#C1C1C1