AI-native design & creative coding
Colour Playground
A little colour. A lot of possibility. An interactive palette tool for locking, remixing and exploring colours in context.
My role
Product Designer & AI Creative Director
Development Method
- #AI-Native Development
- #Creative Direction
- #Rapid Prototyping
Technical Stack
- #React
- #TypeScript
- #Colour Theory
- #CSS
Product Category
- #Interactive Playground
- #Design Tool
- #Creative Coding
Overview
A hands-on colour playground inspired by the immediacy of Coolors. Start with a palette, lock the colours you love and remix the rest. Live graphic and typography studies turn abstract swatches into something you can picture using. Designed and developed with AI, the experience runs entirely in the browser without an AI service or account.
How I Built It
Design through conversation
Used a palette reference as the starting point, then directed AI-assisted design and development towards a focused, tactile creative tool.
Build the colour logic
Combined colour harmonies, locked swatches, editable hex values and reversible changes so every experiment remains under the visitor’s control.
Make the results useful
Added live compositions, local saved palettes and SVG and CSS exports, with keyboard controls and layouts for smaller screens.