I've been exploring color recently, trying to learn more about color theory by sampling the work of professional designers. Seemingly subtle differences in color can make a big impact overall.
Below are 3 "gray" color schemes, from Tailwind, Material Design (2014), and GitHub.
Below are 3 "gray" color schemes, from Tailwind, Material Design (2014), and GitHub.
Whoa, so many great responses to this tweet! A few of my favs:
First, ColorBox is a tool created by @lyftdesignteam to generate color palettes based on HSB values and familiar easing algorithms. Really nice UX
https://twitter.com/marcusradell/status/1302660136759185409?s=20
First, ColorBox is a tool created by @lyftdesignteam to generate color palettes based on HSB values and familiar easing algorithms. Really nice UX

Next, Leonardo is a really cool web app from @AdobeDesign that generates accessible color palettes from key colors and desired color contrast ratios. Really helpful for making sure you're following WCAG a11y guidelines! https://twitter.com/CedricGourville/status/1302674612761878530?s=20
Third (from a thread a few days ago) there is a great little preview of a chapter in Refactoring UI where they explain how to put together a color palette from scratch. It's a great read if you're trying to get your bearings. https://refactoringui.com/previews/building-your-color-palette/
For a deeper dive into the science behind creating an adaptive color palette, check out this article from @NateBaldwinArt, one of the creators behind Leonardo https://medium.com/@NateBaldwin/colorimetry-and-the-cartography-of-color-415ef5315c0a