Miro
Speed up product development from ideation to launch. Align teams, break tool silos and ship what customers need in one AI-powered visual platform.
Speed up product development from ideation to launch. Align teams, break tool silos and ship what customers need in one AI-powered visual platform.
Color
Primary brand color: CTAs, links, active states.
Secondary brand color.
Accent: highlights and secondary emphasis.
Page and card background.
Body text on surface.
Typography
Speed up product development from ideation to launch. Align teams, break tool silos and ship what customers need in one AI-powered visual platform.
- Weights:
- 300, 400, 500, 600, 700, 800
Gradient
Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.
linear-gradient(135deg in oklab, #fbdb34 0%, #695e24 100%)
Worst-case contrast — white 1.37:1 · black 3.23:1 AA-large
linear-gradient(135deg in oklab, #fef4c7 0%, #797664 100%)
Worst-case contrast — white 1.11:1 · black 4.59:1 AA · ink #000000
linear-gradient(180deg in oklch shorter hue, #ffe848 0%, #eece1a 100%)
Worst-case contrast — white 1.24:1 · black 13.48:1 AA · ink #000000
Logo Inventory

Marks from Simple Icons (CC0). Licences and attribution
Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.
https://mcp.brandsweets.com/miro-com/mcp{
"mcpServers": {
"brandsweets-miro-com": {
"type": "http",
"url": "https://mcp.brandsweets.com/miro-com/mcp"
}
}
}claude mcp add --transport http brandsweets-miro-com https://mcp.brandsweets.com/miro-com/mcpMiro trademarks and logos belong to their owner. Shown for identification (nominative use); not affiliated or endorsed. Owner of this brand? Request a correction or removal →