Many interfaces have used dark color palettes in the past, especially in low light work environments, or if you have to stare at the screen for a long time. Like code editors or design tools. Dark modes are increasingly supported across devices and often include the option for your interface to default to the user's preference.
Your default color mode is up to you, but including an alternative color mode is becoming frequently popular for accessibility, among other reasons. Some users find dark mode hard to read, and others find light mode causes them eye strain. Your dark mode could be as simple as inverting the colors in your UI, but this can result in inconsistent branding and quite frankly... look at this... ugly colors.
An approach I learned from Jen Simmons many years ago was to treat dark mode as evening lighting. The lights are dimmed, but not off. Darker, but not black.
One trick I use for dark mode color palettes is overlaying a deeply saturated dark color on top of my light mode color palettes, usually one of the darker colors in my existing color palette, so I'll set its blend mode to multiply and cover up my swatches, and then I adjust the opacity of the color until the underlying colors are visible and distinct from each other. And then I use these colors as my starting point.
The key is then maintaining sufficient contrast between the foreground text and the background colors. Don't forget to test your palette to make sure it's readable.
01:51 min