Dutch Bros

Dutch Bros® Coffee is your go-to drive thru for coffee, energy drinks, and more. Order ahead on the app and stop by a shop near you.

food-bevverifieddutchbros.com

Dutch Bros® Coffee is your go-to drive thru for coffee, energy drinks, and more. Order ahead on the app and stop by a shop near you.

Color

primary

Black

#000000

Primary brand color: CTAs, links, active states.

secondary

Navy

#006098

Secondary brand color.

accent

Navy

#005f98

Accent: highlights and secondary emphasis.

surface

White

#ffffff

Page and card background.

text

Black

#000000

Body text on surface.

Typography

heading → futura-ptbody → Apple Color Emoji

Apple Color Emojiapple-color-emoji

custom

Dutch Bros® Coffee is your go-to drive thru for coffee, energy drinks, and more. Order ahead on the app and stop by a shop near you.

Weights:: 400, 700

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

futura-ptfutura-pt

custom

Dutch Bros® Coffee is your go-to drive thru for coffee, energy drinks, and more. Order ahead on the app and stop by a shop near you.

Weights:: 400, 600, 700

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

Gradient

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, #000000 0%, #006098 100%)

Worst-case contrast — white 6.72:1 AA · black 1.00:1

Hero--brand-gradient-hero

linear-gradient(135deg in oklab, #000000 0%, #485e71 100%)

Worst-case contrast — white 6.74:1 AA · black 1.00:1 · ink #ffffff

Button--brand-gradient-button

linear-gradient(180deg in oklch shorter hue, #090909 0%, #010101 100%)

Worst-case contrast — white 19.91:1 AA · black 1.01:1 · ink #ffffff

Logo Inventory

primary

svg

mono

svg

inverse

svg

mcpConnect your agent to Dutch Bros

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/dutchbros-com/mcp

.mcp.json

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

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

Dutch Bros 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 →