## Ridd 🏛 on Twitter
Source URL:: <https://twitter.com/Ridderingand/status/1514655233040785415?t=t4TgfjJlNGAIwSXPz3HjMg&>;s=09
I've used the exact same process to build countless color systems over the years...It's EASY to reproduce and it works every time 💯5 steps for building your next color system 👇 pic.twitter.com/Gt6uuIyZhn—Ridd 🏛 (@Ridderingand) April 14, 2022
### Highlights
> [!quote]+ %%Updated on Fri Apr 15 2022 23:58:51 GMT-0400%%
>
> 1. Brand colors
>2. Neutrals colors (your grays)
>3. Interface colors (your status alerts)
> [!quote]+ %%Updated on Fri Apr 15 2022 23:59:38 GMT-0400%%
>
> 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
> [!quote]+ %%Updated on Fri Apr 15 2022 23:59:45 GMT-0400%%
>
> 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