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 : 8AFB90
Mode : monochrome-light
#808080
#8E8E8E
#9C9C9C
#AAAAAA
#78F97E
#92FA98
#ADFCB1
#C8FDCB
#E4FEE5
Base Color : A9F678
Mode : monochrome-light
#777777
#898989
#9C9C9C
#9EF468
#B4F78A
#CAF9AB
#DFFCCD
Base Color : D2C4B7
Mode : monochrome-light
#808080
#8E8E8E
#9C9C9C
#AAAAAA
#C8B8A8
#D4C6B9
#DFD4CA
#EAE2DC
#F4F1ED
Base Color : 38C1A6
Mode : monochrome-dark
#1D5D50
#247565
#2B8E7B
#32A890
#38C1A6
#8C8C8C
#9C9C9C
#ACACAC
Base Color : FA92D4
Mode : monochrome-light
#808080
#8E8E8E
#9C9C9C
#AAAAAA
#F779C9
#F993D4
#FBAEDF
#FCC9EA
#FEE4F4
Base Color : 86F1FA
Mode : monochrome-light
#808080
#8E8E8E
#9C9C9C
#AAAAAA
#78EEF8
#93F2FA
#AEF5FB
#C9F9FD
#E4FCFE
Base Color : B6D3DA
Mode : monochrome-light
#808080
#8E8E8E
#9C9C9C
#AAAAAA
#A1C6CF
#B4D2D9
#C6DDE3
#D9E9EC
#ECF4F6
Base Color : DB08B5
Mode : monochrome-dark
#5E064E
#870770
#B00992
#D90AB4
#878787
#9C9C9C
Base Color : D81A89
Mode : monochrome-dark
#650E41
#7E1151
#971461
#B11771
#CB1981
#808080
#8E8E8E
#9C9C9C
#ABABAB