Color Palettes
Explore curated 4-color palettes sorted by popularity or recency. Click any swatch to copy its HEX code instantly.
Scroll to load more palettes automatically. Perfect for landing pages, branding, UI themes, and quick design inspiration.
Frequently Asked Questions
Where do the palettes come from?
Palettes are curated collections of four complementary colors, sorted by popularity or recency. Each palette shows HEX codes you can copy directly into your design or code.
Can I copy individual colors?
Yes. Click any swatch to copy its HEX code to your clipboard. Paste into CSS, Figma, Tailwind config, or any design tool.
How do I use a palette in my project?
Pick a palette and assign roles: darkest for text, mid-tones for backgrounds, brightest for accents. Copy all four HEX values into your CSS custom properties or design system tokens.
Are new palettes added regularly?
Yes. Scroll down to load more palettes automatically. New palettes appear in the recency sort; popular palettes rise in the popularity sort.
Can I create my own palette?
This tool is for browsing existing palettes. To build custom palettes, use the Color Converter to explore individual colors and combine them manually, or use a dedicated palette creation tool.