You're viewing a demo portfolio

Join the waitlist
PRSM

ui_states

Active

Tool of Colour Memory

declared in 2.3.4

Generate a complete WCAG-compliant UI state palette from a brand hex. Returns colours for: brand, hover, active, disabled, focus ring, success, warning, error, info, surface subtle, surface strong. All states computed for contrast against your background colour. Returns hex, contrast ratio, WCAG grade, and usage note for each state. Includes CSS custom properties ready to paste. Supports light and dark mode. Use before building any UI component system.

Parameters schema

{
  "type": "object",
  "required": [
    "brand_hex"
  ],
  "properties": {
    "brand_hex": {
      "type": "string",
      "description": "Brand colour hex e.g. '#D4A829'"
    },
    "dark_mode": {
      "type": "boolean",
      "description": "Generate for dark mode (default false)"
    },
    "background_hex": {
      "type": "string",
      "description": "Background hex (default #FFFFFF)"
    }
  }
}

What this tool wraps· 0 endpoints

min confidence0.700.50

No endpoints wrapped at confidence ≥ 0.50.

Parent server

Colour Memory

https://github.com/DigbyO/colour-memory-api

2/7 registries
View full server →