Below is a new color theme I built in Adobe Color and plan to adopt across the site and in any visuals1 I create in the future.
The central color is the light-green (from Tachyons) which I’ve used on the site for a while. While it remains, I’m moving away from the navy that featured as the body text color and in a few components, like photo galleries.
I used the Compound ‘Color Harmony Rule’ in Adobe Color to generate this theme.
I liked it right away. The balance and gradation is what I’m looking for.
Coincidentally, it’s accessiblity-friendly. Done and done.
With the move from the navy text color to a dark-gray text, I’m also adjusting the background-color from light-gray to white. Light-gray will remain as a tertiary/utility color for tables and other minor elements.
Cool Color Theme
Code from Adobe Color
Here’s the CSS code exported from Adobe Color:
- 1 Inspired by: How to pick more beautiful colors for your data visualizations from the Chartable blog