# Colour Palette Generator Pick a seed colour, choose a harmony rule, and instantly generate a beautiful palette. Copy colours as HEX, RGB, or HSL. Export the full set as CSS variables, JSON, or an SVG file. Includes 10-step shade scales for every colour. ## 10-step shade scales for every palette colour ## Colour harmony — what each mode means ### Complementary & Split **Complementary** — the colour directly opposite on the wheel (180°). High contrast, bold, vibrant. Best for CTA emphasis. **Split-complementary** — the two colours adjacent to the complement (150° and 210°). Slightly softer and more nuanced. ### Triadic & Tetradic **Triadic** — three colours evenly spaced (120° apart). Visually rich and balanced. Popular in illustration and branding. **Tetradic** — four colours 90° apart. Most complex harmony; works best when one colour dominates the composition. ### Analogous & Monochromatic **Analogous** — colours adjacent on the wheel (±30°). Naturally harmonious, cohesive, calming. Found everywhere in nature. **Monochromatic** — varies only lightness and saturation of a single hue. The most restrained and elegant palette for minimal UI design. ## Accessibility ### Screen reader support --- *Source: [ocxly.com/palettegenerator.html](https://ocxly.com/palettegenerator.html) — OCXLY, free 100% client-side privacy-first tools. Generate beautiful colour palettes from any seed colour using 8 harmony rules. Copy HEX, RGB, HSL. Export as CSS variables, JSON, or SVG. 10-step shade scales included.*