Palettes and WCAG contrast. Build a color palette from one or more base colors, with exact WCAG contrast numbers and ready-to-paste code.
https://plugins-worker.demos.42a.ai/color-palette/mcpSettings → Security and login → Developer mode → chatgpt.com/plugins → + → paste the URL. After a tool change: Refresh, then a new chat.
| Prompt | Tool | Expected |
|---|---|---|
| Make me a complementary color palette from #3B82F6 with 5 colors | generate_palette | Five colors starting with #3B82F6; the primary sits at step 500 of its scale, has 3.68:1 contrast on white (so it takes black text), and the card offers CSS/Tailwind exports and an SVG sheet. |
| I need brand colors for a calm, earthy wellness studio. Six colors, analogous. | generate_palette | Six colors: the two chosen bases first (#7A9E7E sage, #D9C5A0 sand), then generated analogous hues. |
| Is #777777 text on a white background accessible? | check_contrast | 4.48:1: fails AA for normal text (needs 4.5:1), passes for large text and UI; the nearest passing gray is #767676 at 4.54:1. |
| Check my UI colors: white text on #3B82F6 buttons, and #1E293B body text on #F8FAFC | check_contrast | White on #3B82F6 is 3.68:1 (fails AA for normal text, fine for large text and UI); #1E293B on #F8FAFC is 13.98:1 (passes AAA). |
| Give me a monochromatic palette and Tailwind-style tints and shades for #0F766E | generate_palette | Five teal tones from light to dark; #0F766E lands at step 700 of the 50-950 scale. |
| Which Benjamin Moore paint color is closest to sage green for my bedroom? | none | A paint-brand catalogue lookup, not palette generation or contrast maths. |
| Make the background of my logo PNG transparent | none | Image editing; this plugin works with color values, not image files. |
| What does the color red symbolize in Chinese culture? | none | A general-knowledge question about color meaning, answered in chat. |