Datadog

Datadog brand palette anchored on Datadog Purple (#632CA6) — the signature purple of the dog-paw mark and the principal accent across datadoghq.com and the Datadog observability platform — paired with the Datadog Yellow used on the secondary brand accent and a deep canvas used in the Datadog application chrome (the platform itself is dark-first).

15 swatches 15 light roles 15 dark roles techobservabilitymonitoringdatadogpurpledevops

Swatches

datadog-purple
#632CA6
The Datadog signature purple — the fill of the dog-paw mark and the principal accent across datadoghq.com.
datadog-purple-dark
#4B1F80
Pressed/active state for the primary CTA.
datadog-purple-light
#8E5DC9
Soft accent used on dark-canvas surfaces.
datadog-yellow
#F8B400
Datadog secondary accent — used on the dog-paw mark detail and in marketing illustrations.
datadog-canvas
#1B1F23
Datadog application canvas — the near-black chrome of the Datadog dashboard and the dark-mode marketing hero.
datadog-canvas-deep
#0E1114
Darkest canvas used as the page-level dark background.
datadog-ink
#1B2730
Primary text on light surfaces.
datadog-gray
#5E6A75
Secondary text and metadata.
datadog-gray-light
#8995A1
Tertiary text and disabled UI.
datadog-surface
#F3F4F6
Quiet surface — card backgrounds on the marketing site.
datadog-border
#DCDFE3
Hairline borders and dividers.
datadog-white
#FFFFFF
Primary canvas on light surfaces.
datadog-success
#3FAE2A
Healthy / passing-monitor state.
datadog-warning
#FFB400
Warning / degraded-state monitor.
datadog-error
#D63B3B
Critical / alerting-monitor state.

Mode role mappings

Light mode (15 roles)

accent → datadog-yellow
accent-hover → datadog-purple-light
background → datadog-white
border → datadog-border
error → datadog-error
primary → datadog-purple
primary-hover → datadog-purple-dark
success → datadog-success
surface → datadog-surface
surface-elevated → datadog-white
text-primary → datadog-ink
text-secondary → datadog-gray
text-tertiary → datadog-gray-light
warning → datadog-warning
warning-hover → datadog-error

Dark mode (15 roles)

accent → datadog-yellow
accent-hover → datadog-purple-light
background → datadog-canvas-deep
border → datadog-canvas
error → datadog-error
primary → datadog-purple-light
primary-hover → datadog-purple
success → datadog-success
surface → datadog-canvas
surface-elevated → datadog-purple-dark
text-primary → datadog-white
text-secondary → datadog-surface
text-tertiary → datadog-gray-light
warning → datadog-warning
warning-hover → datadog-error

Provenance

Source
https://www.datadoghq.com/
License
Proprietary — All Rights Reserved
Attribution
Datadog and the Datadog logo are trademarks of Datadog, Inc. Brand colors documented here are derived from the visible style values on datadoghq.com and the Datadog application chrome, plus the Datadog press kit (datadoghq.com/about/press- kit/).
Imported
2026-05-18
Notes
Datadog's marketing surface (datadoghq.com) is light-first; the Datadog application itself is dark-first with a near- black canvas. The signature purple is consistent across both surfaces. The Datadog Yellow secondary accent appears on the dog-paw mark and in marketing illustrations. Both modes are authored here.