Tools / Color Palette Generator

Color Palette Generator

Generate beautiful color palettes using color theory. Choose from complementary, analogous, triadic, and more harmony types.

7,500 AI Tokens Used
Feb 1, 2026 Created
designcolor
Categories
#2662D9Base Color
220°
70%
50%
hsl(220, 70%, 50%)
hsl(40, 70%, 50%)
--color-1: #2662d9; --color-2: #d99d26;

Colors are generated using HSL color space calculations. All processing happens locally in your browser.

How This Tool Was Built

This tool was created entirely by AI. Here's the exact prompt used to generate it:

Prompt Used 
Create a Color Palette Generator tool with these features:

1. Base color selection:
   - Hue slider (0-360) with rainbow gradient
   - Saturation slider (0-100%)
   - Lightness slider (10-90%)
   - HEX input option
   - Color preview box
2. Harmony type selection:
   - Complementary (opposite colors)
   - Analogous (adjacent colors)
   - Triadic (three evenly spaced)
   - Split Complementary
   - Tetradic (four evenly spaced)
   - Monochromatic (shades of one color)
3. Generated palette display:
   - Large color swatches
   - Click to copy HEX
   - Show HEX and HSL values
4. Randomize button for quick inspiration
5. CSS variables export section
6. Copy all as CSS variables

Make it visually appealing with purple as the accent color. Use HSL color space for calculations.
AI
Claude AI Model
#
7,500 Tokens Used
100%
AI-Generated Code Origin