Aesthetic Color Palette Generator
Generate beautiful 5-color palettes from a mood or base color. Copy HEX/RGB/HSL codes, get CSS variables, and check WCAG contrast scores.
How It Works
Build color palettes like a designer
Pick a Mood
Choose from 8 curated moods or enter any base color. Each mood has a unique hue foundation.
Harmony Modes
Complementary, triadic, or analogous — each mode creates a different color relationship.
Copy & Export
Click any swatch to copy its code. Export CSS variables or download a PNG palette card.
Frequently Asked Questions
Select a mood like sunset or ocean, choose a harmony mode (complementary, triadic, or analogous), and pick a palette style. The tool generates 5 harmonious colors instantly. You can also enter a custom base color.
Complementary pairs opposite hues for high contrast. Triadic uses three evenly spaced hues for vibrant balance. Analogous uses adjacent hues for a harmonious, cohesive palette.
Click any swatch to copy its HEX code. You can also toggle between HEX, RGB, and HSL formats. The code is copied to your clipboard instantly with a confirmation animation.
WCAG contrast ratio measures the difference between two colors. A ratio of 4.5:1 or higher meets AA standards for normal text. The tool shows contrast scores between any two swatches to help you pick accessible color pairs.
Yes, click the Export PNG button to download a palette card image. The card shows all 5 colors with their HEX codes in a clean layout generated using the Canvas API.