Dark Mode Color Generator

Generate dark mode color schemes from light mode palettes

Primary Color

Background

Surface

Button

CSS Variables

How it works

Pick primary, background, and surface colors
Preview a dark mode UI mockup
Copy CSS custom properties for dark theme

Want to learn more?

Read the complete guide with examples and tips