Active Color Palette Tokens
Click any card to copy the utility parameters.
9 Handcrafted Shades
Gradient Composer
Tailwind Ready
preview_gradient
background: linear-gradient(...)
90°
Contrast Accessibility (WCAG 2.1)
Real-time Check
Sample Text Premium Display
Secondary small label text
Contrast
1.0:1
Regular Text
Fail AA
Large Text
Pass AAA
Interactive Live UI Preview
Interact with custom styled component mockups utilizing this theme's active token variables.
Accent:
PurplePulse Analytics
Live View
Conversion Yield
74.2%
+12.4% since yesterday
Creative Token Upgrades
Deploy responsive designs utilizing premium Tailwind utilities.
Midnight Mauve Reverie
Cosmic Waves Ensemble (2026)
02:18
03:45
Base Suite
$29
/mo
- Up to 5 projects
- Standard purple assets
- Global CDN hosting
Most Popular
Enterprise Dev
$89
/mo
- Infinite visual sandboxes
- Premium gradient configurations
- Custom Webhooks integration
- 24/7 dedicated CSS support
Design System Config Exporters
Copy this exact theme's parameters immediately into your build configs.
@import "tailwindcss";
@theme {
--color-deep-purple: #414387;
--color-vibrant-purple: #764abc;
--color-lavender: #eae3f5;
--color-light-purple: #baa2dc;
--color-orchid: #cb9cd9;
--color-mauve: #dcadd5;
--color-pink-light: #eabad2;
--color-rose: #ee9cb6;
--color-magenta: #f0456f;
}