Oatly

A site filled with everything you could possibly think of, and also probably not think of, related to an oat drink company called Oatly.

consumerverifiedoatly.com

A site filled with everything you could possibly think of, and also probably not think of, related to an oat drink company called Oatly.

Color

primary

#a0632d

Primary brand color: CTAs, links, active states.

secondary

#fdcf85

Secondary brand color.

accent

#98c5d3

Accent: highlights and secondary emphasis.

surface

#ffffff

Page and card background.

text

#111111

Body text on surface.

heading → Bjorn Serif Probody → Bjorn Serif Pro

Bjorn Serif Probjorn-serif-pro

custom

A site filled with everything you could possibly think of, and also probably not think of, related to an oat drink company called Oatly.

Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.

Brand--brand-gradient

linear-gradient(135deg in oklab, #a0632d 0%, #fdcf85 100%)

Worst-case contrast — white 1.45:1 · black 4.32:1 AA-large

Hero--brand-gradient-hero

linear-gradient(135deg in oklab, #877261 0%, #e8d8bf 100%)

Worst-case contrast — white 1.40:1 · black 4.61:1 AA · ink #000000

Button--brand-gradient-button

linear-gradient(180deg in oklch shorter hue, #9a5d27 0%, #814606 100%)

Worst-case contrast — white 5.29:1 AA · black 2.81:1 · ink #ffffff

primary

png

favicon

png

mcpConnect your agent to Oatly

live endpoint

Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.

endpointhttps://mcp.brandsweets.com/oatly-com/mcp

.mcp.json

{
  "mcpServers": {
    "brandsweets-oatly-com": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/oatly-com/mcp"
    }
  }
}

claude codeclaude mcp add --transport http brandsweets-oatly-com https://mcp.brandsweets.com/oatly-com/mcp