Ridd 🏛 on Twitter
1. Brand colors
2. Neutrals colors (your grays)
3. Interface colors (your status alerts)
have `light` and `dark` variations of my core brand colors at a minimum.
Light = decrease saturation to ~10 and brightness to ~99
Dark = decrease saturation to ~70 and brightness to ~50
But I also have a couple rules of thumb that help ensure cohesive colors:
1) Saturation values stay within 10
2) Brightness values stay within 10