Web app · SvelteKit

Color Palette Generator

Generate three-to-ten color palettes, lock or edit swatches, and restore saved colors. Share a palette address or export the resulting swatches.

Actual static preview. Opens in a new tab.

Included in this template

Harmony controls, swatch locks and color editing
Browser-local saved palettes and hash-based sharing
Contrast matrix and JSON, CSS, SCSS, Tailwind, SVG, PNG and ASE exports

Remix in Cocoding Open preview

Sign in to create an independent source project. Editing and source download are available in your account. Execution and publishing depend on the services available to your project.

Before using this template

Saved palettes and clipboard actions depend on browser capabilities. SVG and PNG labels choose readable black or white ink. Review generated output in your destination tool; compatibility with every design application is not certified.

Replace sample business information, configure your own public domain and metadata, and review accessibility and connected services before publishing.

Business and client use

Modify and host permitted end products with the development tools you choose. Competing redistribution of templates is restricted. Third-party material keeps its own license.

Read the template business license