Generate Dark Themes Color Palettes in Minutes

Create modern dark themes for your website with our intuitive generator. Enhance user experience with style. Updated March 2025.

Light Theme Colors

background:

text:

primary:

secondary:

accent:

Generated CSS


:root {
  --light-background: #121212;
  --light-text: #f5f5f5;
  --light-primary: #3490dc;
  --light-secondary: #0ac75c;
  --light-accent: #282828;

  --dark-background: undefined;
  --dark-text: undefined;
  --dark-primary: undefined;
  --dark-secondary: undefined;
  --dark-accent: undefined;
}

body {
  background-color: var(--light-background);
  color: var(--light-text);
}

body.dark-theme {
  background-color: var(--dark-background);
  color: var(--dark-text);
}