Square Color Scheme
Generate a square color scheme from any hex. Build a square color wheel set with four evenly spaced hues and copy square colors as HEX, RGB, and HSL.
Tool powered by pppalette on fffuel.
Generate the perfect color palette for any season. Explore autumn, summer, winter, and spring color palettes with complementary and analogous harmonies. Copy HEX, HSL, RGB.
Color Harmony Palettes
Get complementary, split complementary, analogous, triadic, tints, shades, and tones. Each palette uses proven color theory for harmony.
Tone Categories
Pastel, neutral, earth, jewel, and neon palettes. Colors in each category share saturation and lightness for cohesion.
Blended Palettes
Apply a blend color with modes like screen, overlay, multiply. Add unity across an entire palette.
Multi-Format Copy
Copy colors as HEX, HSL, or RGB. Copy one color or the whole palette at once.
Random Primary
Press "r" to pick a random primary color and generate a new set of palettes instantly.
Background Preview
Switch between light and dark backgrounds to see how colors look in different contexts.
Pick a Primary Color
Select a starter color with the color picker, or paste a HEX, RGB, or HSL value. Press "r" for a random primary.
Browse Generated Palettes
Scroll through analogous, complementary, triadic, pastel, jewel, and other palettes. Use blended palettes for extra unity.
Copy Colors
Click a color to copy it, or copy the entire palette. Choose HEX, HSL, or RGB. Paste into CSS or design tools.
Start with One Color
Choose a brand or key color as primary. The generator does the rest—no need to guess harmonies.
Use Blended Palettes for Unity
Blending adds a tint over the palette. Great for cohesive brand palettes and softer schemes.
Preview on Light and Dark
Switch background to see how palette colors read on both light and dark UIs.
Web Designers
Build cohesive color schemes for websites and apps.
Brand Designers
Explore harmonies for brand guides and style systems.
UI Designers
Find primary, accent, and neutral colors that work together.
Frontend Developers
Get palette values in HEX, HSL, RGB for CSS variables.
Color Theory Built In
Complementary, analogous, triadic—no need to calculate hues.
Many Palette Types
Pastel, jewel, earth, neon, tints, shades, tones in one tool.
Copy Ready
Copy single colors or whole palettes in HEX, HSL, RGB.
No Installation
Browser-based. Use on any device with no software to install.