Color Palette Generator
Generate beautiful, harmonious color palettes from a seed color or mood. Export to CSS, Tailwind, SCSS, or JSON instantly.
Your Palette
Contrast vs White / Black
Export
How to Use
Pick a Seed Color
Use the color picker or type a hex value. All generated colors will harmonise with your seed.
Choose Harmony Mode
Analogous = warm/related tones. Complementary = high contrast. Monochromatic = same hue, varied brightness.
Export Your Palette
Copy individual hex values or export the whole palette as CSS variables, Tailwind config, SCSS, or JSON.
Common Questions
tailwind.config.js under theme.extend.colors. You can then use classes like bg-brand-1 or text-brand-3.
More Tools
Practical tools you can rely on every day.
Contact Card Maker
Build a professional vCard (.vcf) with a scannable QR code and a beautiful contact page. Download the VCF, share the QR, or publish your contact page to GitHub Pages free.
WhatsApp Form Maker
Build a professional WhatsApp Form page. Publish your WhatsApp Form to GitHub Pages free.
X/Tweet Mockup Generator
Create realistic X (Twitter) post mockups with authentic dark mode aesthetics, verification badges (Blue/Gold/Grey), engagement metrics, and media support. Perfect for marketing presentations and content planning.
Social Share Preview
See exactly how your URL appears when shared on Facebook, Twitter/X, LinkedIn, and WhatsApp. Instantly audit Open Graph and Twitter Card meta tags.
Bulk Image Processor
A powerful browser-based tool to bulk process images - resize, compress, crop, add filters, and watermarks. 100% private and fast.
Bulk Card Studio
Generate bulk cards, certificates, or social media graphics. Upload an image or HTML/SVG template, map CSV data to placeholders, and export as high-quality images or ZIP.