Free tools
Color tool
Free website color palette builder.
Draft a palette, preview common sections, and export CSS or JSON. Check text and control contrast in the final Website before publishing.
InputDraftExport
Palette preview
A clean page section with clear actions.
Use this palette for hero sections, cards, buttons, forms, and content blocks.
Primary actionAccent action
Use this draft in your Website.
Copy or download the parts you want to keep. Review them and make the change in the relevant Website editor.
Review the draft
Check the proposed colors together with text, links and controls. A palette preview does not check every contrast combination.
Use it in the right place
Apply the relevant values through supported Theme color controls. Keep the exported values as your reference.
Check the result
Review real Page content and focus, hover and error states before making the design live.