{
  "id": "mongodb",
  "version": "1.0.0",
  "name": "MongoDB",
  "description": "MongoDB Inc. (NASDAQ: MDB) is the company behind the document- oriented NoSQL database of the same name and MongoDB Atlas, the managed cloud database that runs across AWS, Google Cloud, and Azure. The brand voice is technical, builder-friendly, and unmistakably green: MongoDB Green (#00ED64) is the vivid signature, the \"leaf\" mark color, and the wordmark accent. MongoDB Black is a documented blue-black (#001E2B), not pure black — it serves as the dark-mode canvas, the dark wordmark, and the primary text color on light surfaces. The design system that backs MongoDB Atlas and Compass is LeafyGreen UI, the open-source React library that publishes the palette mirrored here. The proprietary typeface is Euclid Circular (with MongoDB-branded customizations); it is not publicly licensed, so this atom references Inter as the open rendering substitute.\n",
  "provenance": {
    "source": "https://www.mongodb.design/",
    "license": "Proprietary — All Rights Reserved (LeafyGreen tokens Apache-2.0)",
    "attribution": "MongoDB LeafyGreen UI tokens are licensed Apache-2.0 (see the matching palette atom). The MongoDB green-leaf mark, the MongoDB wordmark, the Euclid Circular proprietary typeface, and the MongoDB, Atlas, and Compass trademarks are property of MongoDB Inc.\n",
    "importedDate": "2026-05-19",
    "notes": "MongoDB Green base (#00ED64) is the vivid brand accent but does NOT clear WCAG AA against white at typical text sizes; the primary interactive role on light surfaces resolves to Green Dark 2 (#00684A) — the AA-readable variant LeafyGreen uses for buttons and links — while Green base carries the role on dark surfaces and on hero/identity blocks. Euclid Circular is not publicly licensed; Inter is referenced as the rendering substitute for sans (heading, body).\n"
  },
  "tags": [
    "mongodb",
    "leafygreen",
    "atlas",
    "database",
    "nosql",
    "design-system"
  ],
  "palette": {
    "ref": "mongodb@1.0.0",
    "swatches": [
      {
        "id": "white",
        "name": "White",
        "value": "#FFFFFF",
        "aliases": []
      },
      {
        "id": "black",
        "name": "Black",
        "value": "#001E2B",
        "description": "MongoDB Black — a blue-black, NOT pure black; the brand canvas.",
        "aliases": []
      },
      {
        "id": "gray-dark4",
        "name": "Gray Dark 4",
        "value": "#112733",
        "aliases": []
      },
      {
        "id": "gray-dark3",
        "name": "Gray Dark 3",
        "value": "#1C2D38",
        "description": "Dark surface in dark mode.",
        "aliases": []
      },
      {
        "id": "gray-dark2",
        "name": "Gray Dark 2",
        "value": "#3D4F58",
        "aliases": []
      },
      {
        "id": "gray-dark1",
        "name": "Gray Dark 1",
        "value": "#5C6C75",
        "description": "Secondary text on light surfaces.",
        "aliases": []
      },
      {
        "id": "gray-base",
        "name": "Gray Base",
        "value": "#889397",
        "aliases": []
      },
      {
        "id": "gray-light1",
        "name": "Gray Light 1",
        "value": "#C1C7C6",
        "description": "Default border on light surfaces.",
        "aliases": []
      },
      {
        "id": "gray-light2",
        "name": "Gray Light 2",
        "value": "#E8EDEB",
        "aliases": []
      },
      {
        "id": "gray-light3",
        "name": "Gray Light 3",
        "value": "#F9FBFA",
        "description": "Light surface — subtle elevation.",
        "aliases": []
      },
      {
        "id": "green-dark3",
        "name": "Green Dark 3",
        "value": "#023430",
        "description": "Deepest green ground.",
        "aliases": []
      },
      {
        "id": "green-dark2",
        "name": "Green Dark 2",
        "value": "#00684A",
        "description": "Green hover/active variant on light.",
        "aliases": []
      },
      {
        "id": "green-dark1",
        "name": "Green Dark 1",
        "value": "#00A35C",
        "description": "Accessible interactive green on light surfaces (AA-compliant against white).",
        "aliases": []
      },
      {
        "id": "green-base",
        "name": "Green Base",
        "value": "#00ED64",
        "description": "MongoDB Green — the brand-defining vivid signature; used as the primary interactive on dark surfaces and as the brand accent on hero surfaces.",
        "aliases": []
      },
      {
        "id": "green-light1",
        "name": "Green Light 1",
        "value": "#71F6BA",
        "aliases": []
      },
      {
        "id": "green-light2",
        "name": "Green Light 2",
        "value": "#C0FAE6",
        "aliases": []
      },
      {
        "id": "green-light3",
        "name": "Green Light 3",
        "value": "#E3FCF7",
        "aliases": []
      },
      {
        "id": "blue-dark3",
        "name": "Blue Dark 3",
        "value": "#0C2657",
        "aliases": []
      },
      {
        "id": "blue-dark2",
        "name": "Blue Dark 2",
        "value": "#083C90",
        "aliases": []
      },
      {
        "id": "blue-dark1",
        "name": "Blue Dark 1",
        "value": "#1254B7",
        "description": "Info / link on light surfaces.",
        "aliases": []
      },
      {
        "id": "blue-base",
        "name": "Blue Base",
        "value": "#016BF8",
        "description": "Blue accent base.",
        "aliases": []
      },
      {
        "id": "blue-light1",
        "name": "Blue Light 1",
        "value": "#0498EC",
        "aliases": []
      },
      {
        "id": "blue-light2",
        "name": "Blue Light 2",
        "value": "#C3E7FE",
        "aliases": []
      },
      {
        "id": "blue-light3",
        "name": "Blue Light 3",
        "value": "#E1F7FF",
        "aliases": []
      },
      {
        "id": "red-dark3",
        "name": "Red Dark 3",
        "value": "#5B0000",
        "aliases": []
      },
      {
        "id": "red-dark2",
        "name": "Red Dark 2",
        "value": "#970606",
        "description": "Error on light surfaces.",
        "aliases": []
      },
      {
        "id": "red-base",
        "name": "Red Base",
        "value": "#DB3030",
        "description": "Red accent base.",
        "aliases": []
      },
      {
        "id": "red-light1",
        "name": "Red Light 1",
        "value": "#FF6960",
        "aliases": []
      },
      {
        "id": "red-light2",
        "name": "Red Light 2",
        "value": "#FFCDC7",
        "aliases": []
      },
      {
        "id": "red-light3",
        "name": "Red Light 3",
        "value": "#FFEAE5",
        "aliases": []
      },
      {
        "id": "yellow-dark3",
        "name": "Yellow Dark 3",
        "value": "#4C2100",
        "aliases": []
      },
      {
        "id": "yellow-dark2",
        "name": "Yellow Dark 2",
        "value": "#944F01",
        "description": "Warning on light surfaces.",
        "aliases": []
      },
      {
        "id": "yellow-base",
        "name": "Yellow Base",
        "value": "#FFC010",
        "aliases": []
      },
      {
        "id": "yellow-light2",
        "name": "Yellow Light 2",
        "value": "#FFEC9E",
        "aliases": []
      },
      {
        "id": "yellow-light3",
        "name": "Yellow Light 3",
        "value": "#FEF7DB",
        "aliases": []
      },
      {
        "id": "purple-dark3",
        "name": "Purple Dark 3",
        "value": "#2D0B59",
        "aliases": []
      },
      {
        "id": "purple-dark2",
        "name": "Purple Dark 2",
        "value": "#5E0C9E",
        "aliases": []
      },
      {
        "id": "purple-base",
        "name": "Purple Base",
        "value": "#B45AF2",
        "aliases": []
      },
      {
        "id": "purple-light2",
        "name": "Purple Light 2",
        "value": "#F1D4FD",
        "aliases": []
      },
      {
        "id": "purple-light3",
        "name": "Purple Light 3",
        "value": "#F9EBFF",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "white",
          "surface": "gray-light3",
          "surface-elevated": "white",
          "text-primary": "black",
          "text-secondary": "gray-dark1",
          "text-tertiary": "gray-base",
          "primary": "green-dark2",
          "primary-hover": "green-dark3",
          "accent": "green-base",
          "accent-hover": "green-dark1",
          "warning": "yellow-dark2",
          "warning-hover": "yellow-dark3",
          "error": "red-dark2",
          "success": "green-dark2",
          "border": "gray-light1"
        }
      },
      "dark": {
        "roles": {
          "background": "black",
          "surface": "gray-dark3",
          "surface-elevated": "gray-dark2",
          "text-primary": "gray-light2",
          "text-secondary": "gray-light1",
          "text-tertiary": "gray-base",
          "primary": "green-base",
          "primary-hover": "green-light1",
          "accent": "green-base",
          "accent-hover": "green-light1",
          "warning": "yellow-base",
          "warning-hover": "yellow-light2",
          "error": "red-light1",
          "success": "green-base",
          "border": "gray-dark2"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "body",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "black",
      "on-identity": "green-base",
      "primary": "green-dark2",
      "primary-hover": "green-dark3",
      "accent": "green-base",
      "accent-hover": "green-dark1",
      "mark": "green-base",
      "success": "green-dark2",
      "warning": "yellow-dark2",
      "error": "red-dark2",
      "text-primary-light": "black",
      "text-primary-dark": "gray-light2",
      "background-light": "white",
      "background-dark": "black",
      "surface-light": "gray-light3",
      "surface-dark": "gray-dark3",
      "text-secondary-light": "gray-dark1",
      "text-tertiary-light": "gray-base",
      "border-light": "gray-light1"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "roles.colors.mark",
      "severity": "error",
      "rationale": "The MongoDB leaf mark renders in Green base on dark canvases, Green Dark 1 or Dark 2 where contrast against light surfaces is required, or in solid white / solid black for monochrome treatments. Recoloring the leaf to blue, red, yellow, or purple violates MongoDB's documented brand-mark usage.\n",
      "allowed": [
        "green-base",
        "green-dark1",
        "green-dark2",
        "white",
        "black"
      ],
      "forbidden": [
        "blue-base",
        "red-base",
        "yellow-base",
        "purple-base"
      ]
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "MongoDB's primary interactive color is documented as Green Dark 2 (#00684A) on light surfaces and Green base (#00ED64) on dark surfaces. The other chromatic base swatches are reserved for semantic and data-viz roles.\n",
      "allowed": [
        "green-dark2",
        "green-dark3",
        "green-dark1",
        "green-base"
      ],
      "forbidden": [
        "blue-base",
        "red-base",
        "purple-base",
        "yellow-base"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "LeafyGreen UI's published accessibility commitment targets WCAG 2.1 AA. MongoDB Black (#001E2B) on white clears AA at ~17:1; Gray Light 2 (#E8EDEB) on Black clears AA at ~14:1 — both modes' primary text/background pairs satisfy the floor.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "MongoDB's brand-resource guidelines prohibit stretching, rotating, recoloring, outlining, adding shadows, or applying decorative effects to the leaf mark and wordmark. The wordmark renders in Black on light surfaces and White on dark surfaces; the leaf renders in Green base or in the documented monochrome variants only.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "outlined",
        "on-busy-photo",
        "tilted"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.accent",
      "severity": "error",
      "rationale": "MongoDB Green base (#00ED64) is intentionally vivid and does NOT clear WCAG AA for body or small-text use against white. It is the brand accent for hero blocks, CTAs at button-text size, and illustration — not for paragraph or fine-print copy. Use Green Dark 2 for accessible text-weight uses.\n",
      "allowedContexts": [
        "brand-block",
        "hero",
        "cta",
        "data-viz-positive",
        "illustration"
      ],
      "forbiddenContexts": [
        "body-text",
        "small-text"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.identity",
      "severity": "error",
      "rationale": "MongoDB's trademark guidance forbids using the MongoDB name, the leaf mark, or the green-on-black brand treatment in third-party company names, domains, merchandise, or any context that implies affiliation or endorsement.\n",
      "forbiddenContexts": [
        "product-of-competitor",
        "merchandise",
        "endorsement-implication",
        "company-name-or-domain"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "LeafyGreen UI's documented type ramp anchors on Regular (400), Medium (500), Semibold (600), and Bold (700) — the weights Euclid Circular and the documented sans substitute both ship. Lighter or heavier display cuts are not part of the defined system ramp.\n",
      "allowed": [
        "400",
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.display",
      "severity": "error",
      "rationale": "MongoDB's marketing and product surfaces maintain at least a 1.5× ratio between heading and body to preserve the type hierarchy LeafyGreen components depend on for scannability on dense data surfaces (Atlas dashboards, Compass).\n",
      "requires": "prose",
      "minSizeRatio": 1.5
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. LeafyGreen UI's published accessibility commitment treats AA as the floor for every MongoDB-branded component and the tokens that back them.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.mark",
      "severity": "recommendation",
      "rationale": "MongoDB Green is calibrated to read on the brand black canvas, on white, and on the documented neutral light/dark surfaces. Placing it adjacent to red-base, purple-base, or yellow-base at equal weight produces chromatic conflict and breaks the confident, builder-focused voice of the brand surface.\n",
      "pairsWith": [
        "black",
        "white",
        "gray-light3",
        "gray-dark3"
      ],
      "doesNotPairWith": [
        "red-base",
        "purple-base",
        "yellow-base"
      ]
    }
  ]
}