Color Palettes
Curated color palettes for design inspiration
Curated Color Palettes
Browse our collection of hand-picked color palettes for your next project. Each palette contains 5 harmonious colors. Click any hex value to copy it to your clipboard.
Generate Random
Need something unexpected? Generate a random 5-color palette:
Palette Collection
Sunset
Ocean
Forest
Pastel
Neon
Monochrome
Earth Tones
Berry
Autumn
Ice
Tropical
Vintage
Lavender Fields
Candy
Midnight
Coral Reef
Palette Details
Each palette shown with its colors expanded for easy reference and copying:
Sunset
Ocean
Forest
Pastel
Neon
Monochrome
How to Use Color Palettes
The 60-30-10 Rule: Use your dominant color for 60% of the design (backgrounds), a secondary color for 30% (cards, sections), and an accent color for 10% (buttons, links, highlights).
Start with neutrals: Pick 1-2 colors from a palette as your brand colors, then pair them with neutral greys and whites. Not every color in a palette needs to be used equally.
Testing palettes: Always test your chosen palette with real UI elements — buttons, cards, text, and backgrounds. A palette that looks great as swatches may not work well in practice without proper contrast ratios.
Accessibility first:Make sure your color combinations meet WCAG contrast requirements. Use the Color Theory page's contrast checker to verify text readability.
How to Use Color Palettes?
- 1Choose a base color using the interactive picker or enter HEX, RGB, HSL values.
- 2Generate matching color palettes, schemes, or color space transformations instantly.
- 3Click on any color code block in the results to copy it instantly to your clipboard.
Designer Friendly
Easily match colors, check contrast ratios, and generate custom palettes for your designs.
Multi-Format Support
Supports copy-paste in HEX, RGB, RGBA, HSL, HSLA, and CSS variables formats.
Runs Locally
No internet connection required. Our color engines run instantly and cleanly inside your web browser.