Color Palette Generator
Generate a 5-color palette and click any swatch to copy its HEX, RGB or HSL value.
Choosing a palette style
Analogous palettes use hues next to each other on the color wheel for a harmonious feel. Monochromatic palettes vary only lightness for a clean, cohesive look. Complementary palettes pair opposite hues for high contrast, and random palettes are useful for quick inspiration or design exploration.
Generated locally, in your browser
Every color is computed with simple HSL math directly on your device — nothing is sent to a server.
Frequently asked questions
How do I use these colors in CSS?
Copy the HEX, RGB or HSL value and paste it directly into any CSS color property, such as background-color or color.
Can I lock the palette to a specific hue?
Yes, switch to Analogous, Monochromatic or Complementary mode and use the hue slider to anchor the palette to a color you like.
Are these palettes accessible for text contrast?
Not automatically — always check text and background color combinations against WCAG contrast guidelines separately.
Related tools
You might also need these while working on the same task.
Build linear or radial CSS gradients visually and copy the ready-to-use CSS code.
Open toolCheck the WCAG contrast ratio between a text color and a background color for AA and AAA accessibility.
Open toolChange width and height in pixels or percentage and crop photos to standard ratios.
Open toolCreate a Brazilian PIX copy-and-paste QR code in seconds.
Open tool