darkpremiummodernsophisticated

Dark Mode Elegant

Sophisticated dark theme with purple accents for premium applications.

Color Palette

background

Deep Navy

slate-950

#020617

surface

Dark Slate

slate-900

#0f172a

primary

Light Text

slate-100

#f1f5f9

secondary

Muted Text

slate-400

#94a3b8

accent

Vibrant Violet

violet-500

#8b5cf6

Preview

Sample Heading

This is sample text using the secondary color from the palette.

Best For

Developer tools, creative apps, premium subscriptions, music/entertainment

CSS Variables

--bg: theme('colors.slate.950');
--surface: theme('colors.slate.900');
--primary: theme('colors.slate.100');
--secondary: theme('colors.slate.400');
--accent: theme('colors.violet.500');

Tailwind Classes

background:slate-950

surface:slate-900

primary:slate-100

secondary:slate-400

accent:violet-500

#dark#premium#developer#creative