Spacegenerate←undo→redoHoverlock · shades · edit · copyClick hexcopyDouble-clickeditDragreorder/palettes/new/006400-000066-660000?style=vibrant

Export

:root {
  --color-1: #006400;
  --color-2: #000066;
  --color-3: #660000;
}

Exporting the raw swatches as color-1…5. Make it a brand system for role names.

Make it a brand system

Stage 2 turns these five swatches into role tokens — surface, text, primary, secondary, accent, border — with real WCAG pairs. Your swatches are kept where they already clear their role's target; a primary that doesn't is moved along its own hue until it does (and the move is shown), and the rest is generated to target. Every pair reports its own ratio, so anything still short is flagged rather than hidden.

mcpConnect your agent to the color tools

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›propose 4 palette candidates for a vibrant brand and give me links to lock what I like

this palette, as a URL

https://brandsweets.com/palettes/new/006400-000066-660000?style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Color palette generator

Export

Make it a brand system