An intuitive colour palette generator built for designers, developers & creatives
HueBot helps you generate stunning colour palettes using advanced colour theory algorithms. Save your favourite combinations and access them anytime!
- Random - Generate completely random colour combinations
- Complementary - Create harmonious opposing colours
- Analogous - Build palettes with adjacent hues
- Monochromatic - Explore variations of a single colour
- Triadic - Generate balanced three-colour schemes
- Save your favourite palettes with custom names
- View all saved palettes in your personal collection
- Delete unwanted palettes with a single click
- Spacebar shortcut - Press spacebar to generate new palettes instantly
- Click-to-copy - Click any colour box to copy its hex code
- Real-time alert with toast notifications
- Smooth animations and transitions
- Secure JWT-based authentication
- Register and login to save your work
- Personalized palette collections
- React 19 - Modern UI library
- Vite - Lightning-fast build tool
- CSS3 - Custom styling with CSS variables
- Node.js - JavaScript runtime
- Express.js - Web application framework
- MongoDB - NoSQL database
- Mongoose - MongoDB object modelling
- JWT - Secure authentication
- bcryptjs - Password hashing
HueBot uses sophisticated colour theory to generate harmonious palettes:
- HSL Colour Space - All algorithms work in HSL for natural colour relationships
- Golden Ratio - Used for aesthetically pleasing hue distributions
- Complementary Theory - Colours opposite on the colour wheel
- Analogous Theory - Adjacent hues for cohesive palettes
- Triadic Theory - Evenly spaced colours for balance
POST /api/auth/register- Register new userPOST /api/auth/login- Login user
GET /api/palettes- Get all user palettesPOST /api/palettes- Save new paletteDELETE /api/palettes/:id- Delete palette
Contributions are welcome! Please feel free to raise an issue and submit a Pull Request when the issue is assigned.