AI-native creative playground
Image Palette Picker
Find a colour palette in any image. Extract, explore and export colours for your next creative project.
My role
Product Designer & AI Creative Director
Development Method
- AI-Native Development
- Prompt Engineering
- Interaction Design
Technical Stack
- React
- TypeScript
- Canvas
Product Category
- Creative Tool
- Colour Exploration
- Interactive Demo
Overview
A colour playground that turns images into usable palettes. Start with an illustration or bring your own photo, extract a set of colours, then fine-tune each swatch directly on the image. Copy the colour values or download a palette to take into your next project. Images are processed locally in the browser.
How I Built It
From Image to Palette
Built a colour extraction engine that groups similar pixels and finds a representative point for each colour in the image.
Hands-on Exploration
Designed movable colour markers, adjustable palette sizes and keyboard controls to make colour selection immediate and accessible.
Ready to Use
Added HEX and CSS copying alongside a downloadable image-and-palette board, with no account or external processing required.
From an illustration to a usable colour palette
