Brand colors

Datadog Brand Colors

Datadog palette: #632CA6, #774AA4, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Datadog.

Commonly referenced palette Datadog
#632CA6#774AA4#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#632CA6RGB 99, 44, 166
Palette color 2#774AA4RGB 119, 74, 164
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-datadog-1: #632CA6;
  --brand-datadog-2: #774AA4;
  --brand-datadog-3: #FFFFFF;
}

Accessibility Snapshot

#632CA6Black 2.44:1 / White 8.6:1
#774AA4Black 3.3:1 / White 6.36:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Datadog Brand Colors

Datadog's purple identity is anchored by a dog named Bits, supplied in vertical and horizontal configurations. The company identifies the vertical version as primary and keeps Bits white, either paired with purple on a light field or reversed on purple and other dark backgrounds. This makes the character readable without turning it into an independently recolorable mascot.

Datadog publishes separate purple values for the logo and for backgrounds or accents, so one HEX must not be stretched across every role. Its current guide prohibits gradients, boxes, outlines, altered proportions, and color changes. Monitoring severity, service health, and alert state must also use labels, icons, and patterns rather than borrowing brand purple as operational meaning.

This independent reference does not distribute Datadog or Bits artwork, represent an integration, certify monitoring results, imply endorsement, or grant trademark permission.

Downloadable brand colors infographic

Datadog Brand Colors Infographic

Save an independent infographic of the commonly referenced Datadog HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Datadog brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Datadog brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Datadog.

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.0721
Black text2.44:1AA Fail
White text8.6:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "datadog",
  "name": "Datadog",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/datadog/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Datadog."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#632CA6",
    "rgb": [
      99,
      44,
      166
    ],
    "hsl": [
      267,
      58,
      41
    ],
    "cmyk": [
      40,
      73,
      0,
      35
    ],
    "luminance": 0.0721,
    "contrast": {
      "black": 2.44,
      "white": 8.6
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#774AA4",
    "rgb": [
      119,
      74,
      164
    ],
    "hsl": [
      270,
      38,
      47
    ],
    "cmyk": [
      27,
      55,
      0,
      36
    ],
    "luminance": 0.115,
    "contrast": {
      "black": 3.3,
      "white": 6.36
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "purple brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "jewel tone brand color",
    "balanced brand color",
    "light brand color",
    "Datadog color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/datadog.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-datadog-1: #632CA6;\n--brand-datadog-2: #774AA4;\n--brand-datadog-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#632CA6",
    "contrast": {
      "black": 2.44,
      "white": 8.6
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#774AA4",
    "contrast": {
      "black": 3.3,
      "white": 6.36
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset
{
  "slug": "datadog",
  "name": "Datadog",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Datadog.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/datadog/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/datadog.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#632CA6",
      "rgb": [
        99,
        44,
        166
      ],
      "hsl": [
        267,
        58,
        41
      ],
      "cmyk": [
        40,
        73,
        0,
        35
      ],
      "luminance": 0.0721,
      "contrast": {
        "black": 2.44,
        "white": 8.6
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#774AA4",
      "rgb": [
        119,
        74,
        164
      ],
      "hsl": [
        270,
        38,
        47
      ],
      "cmyk": [
        27,
        55,
        0,
        36
      ],
      "luminance": 0.115,
      "contrast": {
        "black": 3.3,
        "white": 6.36
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "purple brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "jewel tone brand color",
    "balanced brand color",
    "light brand color",
    "Datadog color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/datadog.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}