Turn AI-designed colour palettes into Coolours links, with colour names, CSS and contrast checks
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Turn a colour palette you have chosen into a link that opens it in Coolours (coolours.perpetualsummer.ltd), where the user can preview the swatches, tweak them and export them. Use this whenever you propose a colour scheme, so the user can see it rather than read hex codes. Also returns WCAG contrast ratios for every pair of colours: check them before recommending a text/background pairing (4.5 or more for body text, 3 or more for large text and UI components). Returns each colour's Coolours name: use those names when presenting the palette. Also returns the palette as CSS custom properties: whenever you show CSS, use it exactly as given rather than writing your own. Give the user the URL.
Colours in display order. Hex ("#1E293B", "#abc"), rgb() or CSS colour names. No transparency.
Palette name shown on the site, e.g. "Fintech Dark"
Turn a colour palette you have chosen into a link that opens it in Coolours (coolours.perpetualsummer.ltd), where the user can preview the swatches, tweak them and export them. Use this whenever you propose a colour scheme, so the user can see it rather than read hex codes. Also returns WCAG contrast ratios for every pair of colours: check them before recommending a text/background pairing (4.5 or more for body text, 3 or more for large text and UI components). Returns each colour's Coolours name: use those names when presenting the palette. Also returns the palette as CSS custom properties: whenever you show CSS, use it exactly as given rather than writing your own. Give the user the URL.
| Argument | Type | Description |
|---|---|---|
| name | string | Palette name shown on the site, e.g. "Fintech Dark" |
| colours* | array | Colours in display order. Hex ("#1E293B", "#abc"), rgb() or CSS colour names. No transparency. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"colours"
],
"properties": {
"name": {
"type": "string",
"maxLength": 100,
"description": "Palette name shown on the site, e.g. \"Fintech Dark\""
},
"colours": {
"type": "array",
"items": {
"type": "string"
},
"maxItems": 20,
"minItems": 1,
"description": "Colours in display order. Hex (\"#1E293B\", \"#abc\"), rgb() or CSS colour names. No transparency."
}
}
}Export a palette as CSS custom properties or a JavaScript object, with each colour named after its nearest named colour. Output matches Coolours' own Export feature. create_palette_link already returns the CSS; use this for the JS object, or for a palette you didn't create. Use the output as given: its names match the Coolours UI.
| Argument | Type | Description |
|---|---|---|
| format* | string | |
| colours* | array | Colours in display order. Hex ("#1E293B", "#abc"), rgb() or CSS colour names. No transparency. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"colours",
"format"
],
"properties": {
"format": {
"enum": [
"css",
"js"
],
"type": "string"
},
"colours": {
"type": "array",
"items": {
"type": "string"
},
"maxItems": 20,
"minItems": 1,
"description": "Colours in display order. Hex (\"#1E293B\", \"#abc\"), rgb() or CSS colour names. No transparency."
}
}
}Read the colours and name back out of a Coolours link (coolours.perpetualsummer.ltd/create/...). Use this when the user pastes a Coolours URL, for example after editing a palette on the site, so you can apply their changes.
| Argument | Type | Description |
|---|---|---|
| url* | string | The full Coolours URL |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"url"
],
"properties": {
"url": {
"type": "string",
"description": "The full Coolours URL"
}
}
}