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.
Instagram Post Mockup Generator
Create realistic Instagram post mockups with authentic aesthetics, engagement metrics, and verification badges. Perfect for marketing, presentations, and content planning.
Resume Maker
Build a professional resume with multiple stunning templates. Live preview. Print to PDF or publish to GitHub Pages - all free.
Image Combiner
A powerful browser-based tool to combine multiple images into grids or strips with customizable padding, background, and layout.
Google Play Mockup Generator
Create realistic Android Google Play Store listing mockups with custom icons, ratings, and downloads.
Bumble Profile Mockup Generator
Generate realistic Bumble profile mockups with custom photos, bios, and badges. Perfect for memes, marketing, and presentations.
Text to Speech
Free and unlimited Text-to-Speech tool with advanced voice selection, pitch, and rate control for professional voice-overs.