Saved Color Palettes
Save palettes as comma-separated hex values.
Overview
Saved Color Palettes is a lightweight palette manager that keeps your favourite swatch sets in browser storage as comma-separated hex strings. Paste a palette, give it a label, and recall it later from the list — perfect for hopping between projects without juggling spreadsheets of brand colours.
It is aimed at designers iterating on multiple brand systems, agencies handling client palettes, and developers wiring up CSS tokens who want a stable source of truth that does not live in the design file. Because palettes are stored client-side, no account is needed and nothing leaves the browser.
How it works
Each palette is a list of hex codes (with or without leading #, separated by commas, spaces or newlines) plus an optional name. The tool normalises the hex codes to lowercase six-digit form and stores the list in localStorage keyed by the chosen name.
Recall opens the palette in a swatch grid where each chip can be copied individually or as a single comma-separated string. Importing is the same operation in reverse: paste a string from another tool, save it under a name, and it is available across reloads in the same browser.
Examples
brand-core → #2563eb, #1e40af, #f59e0b, #10b981, #ef4444
brand-pastel → #cfe8ff, #fde68a, #fecaca, #d1fae5, #e9d5ff
chart-series-7 → #4f46e5, #06b6d4, #10b981, #84cc16, #eab308, #f97316, #ef4444
neutral-ramp → #f9fafb, #e5e7eb, #9ca3af, #4b5563, #111827
FAQ
Where are the palettes stored?
In your browser's localStorage, scoped to this origin. They survive reloads and browser restarts but are not synced across devices or browsers.
How do I move palettes between machines?
Copy the comma-separated string from one machine and paste it into the saved-palettes tool on another. The string format is stable and works as the export format.
Is there a palette size limit?
localStorage allows roughly five megabytes per origin in most browsers — enough for thousands of palettes. The tool itself does not enforce a smaller cap.
Can I share a palette by URL?
Paste the comma-separated hex string anywhere — chat, email, ticket — and the recipient can paste it back into their own saved-palettes tool. There is no proprietary format.
What if I clear my browser storage?
The saved palettes disappear. Keep an external copy of any palette you cannot afford to lose by pasting the comma-separated string into a project repo or note.