Dark Mode Color Palette Generator

Enter your brand color and get a complete light/dark theme pair with proper contrast ratios, ready to export as CSS variables.

Your Brand Color

☀️ Light Mode

Card element

Body text sample for readability.

Button

🌙 Dark Mode

Card element

Body text sample for readability.

Button

    

    

      
Full Theme System with AI

      
Create a free PalettePro account to generate full design systems with dark mode, export tokens, and share with your team.

      Get Started Free →
    

  

  
  
Copied!