Problem
The color generator is clearly designed with light mode as the primary design foundation. When generating a color palette, the base colors are oriented toward light mode, and the dark mode colors are created as supplemental variations.
This works well for most projects – as long as the design starts in light mode.
But in my case (and many others in modern web design), the client’s requirement is to start with a dark mode as the primary aesthetic direction, with light mode being the alternative or fallback.
Currently, there’s no way to flip the logic of the color generator. Even if I enable “Dark Mode” in the UI while generating colors, I still have to:
Choose a base color for the light theme,
Hope that the generated dark variant will be suitable,
And reverse-engineer my design from there.
This is unintuitive and inefficient, especially when the dark palette is meant to be the main identity of the brand or project.
Suggestion
It would be incredibly helpful to have a toggle or option at the beginning of the project, such as:
“Choose your primary design mode: Light / Dark”
When “Dark” is selected:
The color generator would treat dark mode colors as the base,
And generate the light mode variants as secondary (just like it currently does the other way around).
Additionally, the label “Enable Dark Mode” in the color generator could dynamically change to “Enable Light Mode,” reflecting the new primary mode context.
Question
Do you have any plans to implement something like this in the future?
Or perhaps is there an alternative workflow you would recommend for dark-first projects using the current system?
Thanks again for the great tool – I’d love to hear your thoughts on this, and I truly believe such a feature would improve flexibility and adoption for dark-first design projects.