Generate accessible palette
generate_accessible_paletteUse this when the user wants an accessible colour scale or palette built from one colour: "color palette generator from hex", "generate a 50-950 scale from #1E6FD9", "tailwind color palette generator", "accessible color palette for my website". Builds an 11-step 50-950 tonal scale in OKLCH with the base hue, where 50-400 pass AA with black text, 500 passes AA with both white and black text, 600 passes AA with white text and 700-950 pass AAA with white text, and each ratio is reported. Returns CSS custom properties and a Tailwind config as downloads. Does not pick colours by mood or brand meaning and does not extract palettes from images.
Tool call template
Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.
{
"id": 1,
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"arguments": {
"base_color": "<base_color>"
},
"name": "generate_accessible_palette"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | No | Token name for CSS variables and the Tailwind colour key, e.g. brand (gives --brand-500). Default brand. | |
| base_color | Yes | Brand or base colour to build the 50-950 scale from, e.g. #1E6FD9, rgb(30, 111, 217), oklch(55% 0.18 255) or teal. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| css | Yes | ||
| base | Yes | ||
| kind | Yes | ||
| name | Yes | ||
| pairs | Yes | ||
| rules | Yes | ||
| steps | Yes | ||
| request | Yes | ||
| tailwind | Yes | ||
| warnings | Yes | ||
| downloads | Yes |