Color Palettes & Design Tokens

The new defaults

I took the color palette from The New Defaults by Dudley Storey and converted them to [CSS Custom Properties](CSS Custom Properties for Cascading Variables Module Level 1) so I can play with them easier in code accross the system.

Mopar Colors

The second set of colors, the one I labeled Funky Colors, are my interpretation of the colors used in Mopar cars in the late 1960s and early 1970s… nothing screamed out loud like cars painted in colors like Plum Crazy Purple or Top Banana :).

Lightening and Darkening colors

The last two blocks of colors are experimental. They use the color-mix() function, part of the CSS Color Module level 5, to lighten and darken the corresponding colors. This will only work on Safari TP 122 and Firefox Nightly right now.