Palettebook: colour palette studio
{{t.count}} {{t.linked}}
{{g.label}}
{{t.tb.pillTop}} {{t.tb.pillSub}}
This board is empty {{emptyHint}}
Project boards
Copy a palette onto this board Every palette is already on this board. {{menuHint}}
Palette library About Privacy policy Terms and Conditions Contact
Controls
{{r.keys}} {{r.desc}} {{r.learned}}
Next
{{announce}}
{{radTitle}} {{radSub}}
{{ci.label}} {{ci.hint}}
No match. Try “harmony”, “export”, or a hex.
{{pickTitle}}
{{pickName}} {{pickHex}}
{{svText}}
{{gTitle}}
{{gradHint}}
{{gSelName}} {{gSelHex}} · {{gSelPos}}
{{gChipsTitle}}, or tap the colour square to pick a new one
Angle{{gAngleLabel}}
Or sample solid colours
Palette from image
Or try a sample (stand-in images)
{{imgName}}
{{ch.hex}}
Export
Export the whole board {{expBoardDesc}}
Which palettes should go in the export?
Pick one or more formats.
Colour namesAdds names like “Dusty teal” as comments or fields
Value formatUsed by CSS, Tailwind and JSON
Swatch keysHow each colour is numbered
{{expLinkNoteText}}
{{cd.kicker}} {{cd.name}} {{cd.sub}} 
{{expCode}}
{{expFileName}}
{{expFooter}}
Contrast check
{{pairAName}}
{{pairBName}}
{{pairMenuHex}}
{{pairHint}}
AaBody text on this ground
AaBody text on this ground
{{pairRatio}}contrast ratio
{{pg.label}} {{pg.result}}
✓ All steps done You've finished the tour That's every step done. You can replay the tour any time from the menu in the top right.
{{tourTitle}} {{tourCount}}
{{tk.label}} {{tk.how}}
{{stripName}}{{stripCount}}
{{si.key}} {{si.name}} {{si.hex}} {{si.rgb}} {{si.hsl}} {{si.cWhite}} {{si.cBlack}}
←→ move · C copy · ↵ focus mode · Esc close
Unlock file exports, freePop in your email and we’ll send a 6-digit code. One time only on this browser. Share links and PNG cards stay free without it.
{{ulErr}} See our Privacy policy. Supporters skip this step: .
Check your inbox{{ulSentTo}} It expires in 10 minutes.
Preview mode: no email is sent here. Use code 123456. {{ulErr}}
Exports unlocked ✓All file formats are now available on this browser. Enjoy!
Support PalettebookOne payment, once. No subscription, no account needed: your licence key arrives by email and is remembered in this browser.
  • All exports, no email neededEvery file format, straight away
  • No watermarkClean PNG cards, board images and palette books
  • High-res & print-ready4× exports, sharp enough for print
  • Supporter presetsExtra curated collections
  • Early accessFirst look at new features
US$20 One-off · lifetime licencePay once, keep it for good. Charged in US dollars; your bank converts it.
{{sptErr}} Secure checkout by Freemius, our payment partner. Cards and PayPal. Sales tax is added at checkout where it applies.
Your key is in the Freemius email “Your Palettebook licence” and on your receipt. Palettebook remembers it in this browser. If you clear your browser data or use another device, paste it here again to switch your supporter perks back on.
Thank you! ♥You’re a Palettebook supporter. Perks are now active on this browser. Keep your licence email safe: you’ll need the key if you clear your browser data or use another device.
palettebookpalettebook

Welcome to Palettebook

A playful canvas for colour. Pick colours, pull palettes from photos, build gradients and harmonies, check contrast, then export to code and design tools or share with a link.

By proceeding you agree to our Terms and Conditions and Privacy policy.
{{wStepLabel}}

Light or dark?

Pick what’s easiest on your eyes. You can change it any time from the ☰ menu.

How do you want to start?

The tour is hands-on: you learn each feature by doing it.
{{ghostTitle}} {{ghostSub}}
Base
{{g.hex}}
M cycles · Esc discards
{{impTitle}} {{impSrc}}
Choose palettes
Add them to
Preset palettes Ready-made starting points. Add one to this board, then make it your own.
Loading presets… Couldn’t load presets. Check your connection and try again.
{{prCount}}
No palettes match. Try a colour name like “ocean” or a hex like #FF6B.
{{pp.name}}{{pp.meta}}
Share “{{shareName}}” Anyone who opens this link sees the palette in palettebook and can add it to their own board. Nothing is uploaded: the colours live inside the link itself.
{{shareMeta}}
{{shareRefText}}
Share vs Export: share sends a link people open in palettebook. Export makes files for your code or design tools (CSS, Tailwind, Figma, ASE, SVG, PNG).
✓ Reference image, done Next: {{fTourLabel}} {{fTourHow}} {{refCloseHint}}
Reference images Where the colours in “{{refPalName}}” came from. Up to 3 images per palette.
{{refInfo}}
Colour blindness check How “{{cvdName}}” looks to people with different types of colour vision deficiency.
Original
{{co.hex}}
Simulated: {{cvdTypeLabel}} {{cvdTypeDesc}}
{{cs.hex}}
{{cvdVerdict}}
{{cl.text}}
↑↓ switch type · Esc close
Focus · {{fTray}}
{{fName}} {{fHexHsl}} {{fContrast}} {{fDelta}}
{{focusHelp}}
✓ Focus mode, done Next: {{fTourLabel}} {{fTourHow}} {{focusCloseHint}}