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.
Resume Maker
Build a professional resume with multiple stunning templates. Live preview. Print to PDF or publish to GitHub Pages - all free.
Bulk QR Code Generator
Generate one or hundreds of QR codes in seconds. Paste URLs, upload a CSV, customise colours and size, then download as individual PNGs or a single ZIP archive.
SEO Analyser
Audit on-page SEO in seconds. Checks title tags, meta descriptions, H1/H2 structure, Open Graph, schema markup, mobile viewport, and more - with actionable fix suggestions.
Animated Conversation Generator with AI
Generate realistic animated iMessage chat mockups with typing animations, Turtle of Ark control codes, and cinematic playback.
WhatsApp Form Maker
Build a professional WhatsApp Form page. Publish your WhatsApp Form to GitHub Pages free.
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.