Pal•ette

A fast, minimal colour palette generator built for designers. Generate, explore and export beautiful palettes with zero friction.

Live Demo

---

Features

• Generate random palettes with the spacebar
• Lock individual colours to keep them while shuffling the rest
• Drag columns to reorder
• Per-colour actions: remove, shades, contrast checker, colour info, copy hex, lock
• WCAG AA/AAA contrast scoring
• 9 export formats
• 24+ curated palettes in the Explore view with search and tag filtering

Export Formats

Format	Output
HEX	Plain text list of hex values
RGB	rgb() values
CSS	Custom properties in :root
Tailwind	tailwind-colors.js config object
SVG	Colour block SVG file
Image	PNG canvas export
PDF	Print-ready layout
ASE	Adobe-compatible hex list
Code	JavaScript array

Project Structure

paletto/
  index.html
  README.md
  assets/
    css/
      style.css
    js/
      utils.js        colour math, shared helpers, toast, modals
      data.js         showcase and explore palette datasets
      generator.js    generator logic, drag/drop, export
      explore.js      explore grid, search, tag filtering
      app.js          routing, keyboard shortcuts, init

---

Built by Jobin Bennykutty