Color Palette Generator
Generate harmonious color schemes with lockable color swatches, harmony rules (analogous, complementary, triadic, monochromatic), and instant CSS, Tailwind, or PNG export.
Related Tools
CSS Gradient Generator
NewDesign beautiful linear, radial, and conic CSS gradients with real-time preview, multi-color stops, presets, and 1-click CSS and Tailwind code export.
Image Compressor
NewCompress JPG, PNG, and WebP images client-side with adjustable quality and instant preview.
Base64 Encoder & Decoder
NewEncode and decode text or files to and from Base64 format with full UTF-8 support.
Frequently Asked Questions
How do I generate a new color palette? ↓
Click the "Generate Palette" button or simply press the Spacebar on your keyboard. Unlocked colors will mutate while locked colors remain unchanged.
How do I lock a specific color I like? ↓
Click the lock icon on any color card. When locked, that color will not change when you roll new palettes.
Can I export the palette to CSS variables or Tailwind CSS? ↓
Yes! Click "Export Palette" to copy the colors as CSS Custom Properties (:root { --color-1: ... }), Tailwind CSS configuration object, Hex list, or download an image card.
What color harmony modes are supported? ↓
You can choose between Random, Complementary, Analogous, Triadic, Tetradic, Monochromatic, Pastel, and Warm/Cool color schemes.
Are any colors or palettes sent to a remote server? ↓
No. All calculations (HSL math and color conversions) run 100% locally in your browser.