Color Palette Generator

Free color palette generator: pick on a color wheel, get complementary, analogous and triadic schemes, compare palettes, check WCAG contrast and share.

  • Suggested schemes
  • Compare palettes
  • WCAG contrast check
  • Export & share

Drag on the wheel: go around for hue, outward for more saturation. Click a swatch below to switch which color you are editing.

Suggested schemes

Based on the current color. Click a swatch to add it to this palette, or turn the whole scheme into a new palette.

My palettes

Side-by-side

Contrast check (WCAG)

Rows are text colors, columns are backgrounds. Normal text needs AA (4.5:1); large text needs 3:1.

Export CSS variables

  
 
    
 
🔒 Everything is calculated in your browser. No data is sent to any server.
    
 
How to use
 
  1. Click a swatch in a palette to choose which color to edit, then drag on the color wheel: go around to change hue, outward for more saturation. Use the slider below for brightness.
  2. "Suggested schemes" builds complementary, analogous, triadic and other schemes from the current color. Click a swatch to add it to your palette, or turn a whole scheme into a new palette.
  3. Use "Side-by-side" to see which palette works, "Contrast check" to make sure text is readable, then export CSS variables in one click.
 
 
 
FAQ
 
 How are the suggested schemes created? 
They follow classic color theory rules by rotating the hue on the color wheel: complementary is 180°, analogous is 30° on each side, triadic is every 120°, and square is every 90°. Monochrome keeps the hue and varies lightness.
 
 What is WCAG contrast? 
WCAG is the international web accessibility guideline. Normal text needs at least 4.5:1 contrast with its background (AA), large text at least 3:1, and 7:1 reaches the highest AAA level.
 
 Can I paste my brand colors? 
Yes. The field next to each swatch accepts #RRGGBB, #RGB, rgb(), hsl() and CSS color names (like tomato), and converts them to HEX automatically.
 
 Are my palettes saved? 
Palettes are saved in this device's browser and will still be there next time. They are never uploaded to a server.
 
  
    
 
More tools
 
    Random Name Picker Free random name picker: paste a list and draw winners at random. Pick several at once, block repeat winners. Great for raffles, giveaways and teams.      
 
    Spin the WheelNEW Free spin the wheel: add your options and spin to decide what to eat, pick a winner or call on someone. Up to 50 options, save wheels and share a link.      
 
    QR Code Generator Free QR code generator: make codes in bulk and download a ZIP, add your logo in the center, set colors and size, export PNG or SVG. No sign-up, no uploads.