The Ordinary

The Ordinary is your destination for Skincare, Makeup, Hair, and Body solutions. Discover clinical formulations with integrity.

beautyverifiedtheordinary.com

The Ordinary is your destination for Skincare, Makeup, Hair, and Body solutions. Discover clinical formulations with integrity.

Color

primary

Black

#000000

Primary brand color: CTAs, links, active states.

secondary

Red

#e83f42

Secondary brand color.

accent

Bright Magenta

#dc049b

Accent: highlights and secondary emphasis.

surface

White

#ffffff

Page and card background.

text

Black

#000000

Body text on surface.

Typography

heading → Ralewaybody → Raleway

Ralewayraleway

google

The Ordinary is your destination for Skincare, Makeup, Hair, and Body solutions. Discover clinical formulations with integrity.

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.

Brand--brand-gradient

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

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

Hero--brand-gradient-hero

linear-gradient(135deg in oklab, #000000 0%, #9f6662 100%)

Worst-case contrast — white 4.61: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

Voice & Tone

Logo Inventory

primary

svg

mono

svg

inverse

svg

mcpConnect your agent to The Ordinary

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

.mcp.json

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

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