Palette Picker
Generate color harmonies from a base color with copy-friendly swatches.
Hues next to each other on the color wheel for soft gradients.
Design-ready color ideas
Pick a base color and explore harmonies instantly. Whether you need subtle monochrome shades or high-contrast triadic schemes, the palette picker keeps inspiration flowing without leaving the browser.
Copy each swatch and drop it into design tools, slide decks, or codebases. It's a perfect companion for designers, marketers, and developers aligning on color.
Where it helps
- Brand teams exploring primary/secondary color combinations.
- UI designers building component themes and states.
- Developers needing quick color tokens for tailwind, CSS, or figma prototypes.
Tips for harmonious palettes
Analogous palettes are perfect for smooth gradients; complementary sets deliver vivid contrast. Monochrome works well for neutral backgrounds and states.
Convert swatches to RGB/HSL or tweak them further in the Color Converter before shipping.
Sample palette
Base #FF6B6B → Analogous: #FF6B6B • #FF8C6B • #FF6BA8
FAQ highlights
Will you add export options? Palette export (JSON/ASE) is on the roadmap—open an issue if you have a preferred format.
Can I tweak saturation/lightness? Use the monochrome mode for quick light/dark variants; more granular controls are planned alongside export features.