Tools
Colour palette generator
A palette tool for designers and developers. Press space to generate, lock the colours you love and export to CSS or Tailwind.
Free to sign up. You approve the plan before anything is built.
How it works
Step 1 · Press Space for a new palette
Space bar generates new palettes
Step 2 · Fine-tune #2A9D8F
Lock colours and fine-tune hue and lightness
Step 3 · Fine-tune #2A9D8F
Harmony rules: analogous, triadic, complementary
Step 4 · Contrast check & export
WCAG contrast checker per pair
Step 5 · Contrast check & export
Export CSS variables, Tailwind and JSON
Start in three steps
Step 1
Start from this template
Sign up free and open the template in the studio. Change the description to fit your idea if you like.
Step 2
Approve the plan
The agent shows you what it will build: screens, data and features. Nothing is built until you agree.
Step 3
Test and publish
The app is built, tested in a real browser and ready to publish on your own address.
More Tools templates
Universal unit converter
Convert length, weight, temperature, volume, speed and more instantly.
Web appViewTip and bill splitter
Split a restaurant bill fairly with tip, tax and per-person items.
Mobile appViewPassword generator
Create strong passwords and memorable passphrases right in your browser.
Web appView