Aurora Gradient Generator
Free aurora gradient generator. Create dreamy multi-layer aurora backgrounds with 15+ presets. Customize colors, blur, position, and animation for stunning visual effects.
What you get
Theme Builder
Generate a complete design system from one color. Full 50-950 scales for primary, secondary, accent, and neutral with automatic WCAG compliance.
Smart Converter
Convert between HEX, RGB, HSL, HSV, CMYK, CIE Lab, OKLab, and OKLCH with a single click.
Accessibility Checker
WCAG 2.1 contrast checking for AA/AAA compliance. Accessible text color suggestions with auto-fix.
Developer Exports
Export as CSS variables, Tailwind config, SCSS, Style Dictionary tokens, or SVG swatch sheet. Full design token generation.
Color Blindness Simulator
Simulate protanopia, deuteranopia, tritanopia, and achromatopsia to verify your designs.
Frequently Asked Questions
How does the Theme Builder work?
Enter a primary color and we generate a complete design system: 11-step color scales (50-950) for primary, secondary, accent, and neutral, plus semantic colors, light and dark themes, and developer tokens. Choose from 30+ palette styles, 20+ project types, and 15+ brand personalities.
Can I export design tokens?
Yes. Export the full design system as CSS custom properties, Tailwind CSS v4 config, SCSS variables, LESS variables, or Style Dictionary JSON — ready to copy and paste into your project.
Do you store any color data?
No. Everything runs in your browser. Favorites are stored in localStorage and never leave your machine.
How does the accessibility check work?
The theme builder automatically checks every text-background pair for WCAG 2.1 AA compliance and adjusts colors when needed. The contrast checker tab provides detailed AA/AAA analysis with suggestions.
Ready to Start?
Go to the generator and start creating realistic data right now
Open Color Studio