Glossier

verifiedglossier.com

Color

primary

Black

#040404

Primary brand color: CTAs, links, active states.

secondary

Orange Red

#f94200

Secondary brand color.

accent

Blue

#0600ff

Accent: highlights and secondary emphasis.

surface

White

#ffffff

Page and card background.

text

Black

#000000

Body text on surface.

Typography

heading → Apercubody → Apercu

Apercuapercu

custom

Glossier

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, #040404 0%, #f94200 100%)

Worst-case contrast — white 3.62:1 AA-large · black 1.02:1

Hero--brand-gradient-hero

linear-gradient(135deg in oklab, #010101 0%, #a16555 100%)

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

Button--brand-gradient-button

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

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

Logo Inventory

primary

svg

favicon

png

app-icon

png

mcpConnect your agent to Glossier

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

.mcp.json

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

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

Glossier 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 →