Datadog color palette
TechDatadog's color identity centers around a distinctive purple, complemented by a palette of blues, neutrals, and accent colors for clarity and accessibility in tech interfaces. The palette is consistent across web, product UI, and marketing materials.
datadoghq.comDatadog colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Datadog PurplePrimary99, 44, 166
- Datadog Deep NavySecondary45, 45, 58
- Datadog Sky BlueAccent37, 194, 248
Surfaces
Page, cards and dividers.- Datadog WhiteBackground255, 255, 255
- Datadog Light SurfaceSurface246, 247, 251
- Datadog Light Gray BorderBorder229, 231, 235
Text
Three tiers of copy.- Datadog CharcoalText35, 35, 58
- Datadog Muted GraySecondary text107, 107, 126
- Datadog Soft GrayMuted text160, 160, 178
Semantic
Feedback and state colors.- Datadog GreenSuccess0, 184, 139
- Datadog YellowWarning246, 195, 68
- Datadog RedError244, 79, 94
- Datadog Info BlueInfo63, 140, 255
Use Datadog's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
datadog-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3F8CFF;
--error: #F44F5E;
--accent: #25C2F8;
--border: #E5E7EB;
--primary: #632CA6;
--success: #00B88B;
--surface: #F6F7FB;
--warning: #F6C344;
--secondary: #2D2D3A;
--text-muted: #A0A0B2;
--background: #FFFFFF;
--text-primary: #23233A;
--text-secondary: #6B6B7E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.3:1
Pass
Text on surface
Needs 4.5:1 for body text
14.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Datadog background, border and text colors
The quiet part of the Datadog palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Datadog WhiteBackground
- HEX
- RGB
- HSL
- Datadog Light SurfaceSurface
- HEX
- RGB
- HSL
- Datadog Light Gray BorderBorder
- HEX
- RGB
- HSL
- Datadog CharcoalText
- HEX
- RGB
- HSL
- Datadog Muted GraySecondary text
- HEX
- RGB
- HSL
- Datadog Soft GrayMuted text
- HEX
- RGB
- HSL
About Datadog's colors
Datadog's palette is built around a bold purple, supported by cool blues and functional neutrals for clarity and accessibility. The color system ensures strong brand recognition and clear data visualization.
Primary purple is paired with deep navy for contrast.
Accent blue highlights interactive elements.
Neutrals and grays provide structure and readability.
Psychology
Purple conveys creativity and technical expertise, while blues and neutrals evoke trust and stability. The palette supports a professional yet approachable brand image.
Evolution
Datadog's core purple and blue palette has remained stable since its early branding. Minor adjustments have refined neutral tones for improved UI accessibility.
Where Datadog uses each color
- Primary
Used in the logo, primary navigation, and key call-to-action buttons.
- Secondary
Appears in headers, footers, and dark UI backgrounds.
- Accent
Highlights links, interactive states, and data points in dashboards.
- Backgrounds
White and light surfaces are used for main content areas and cards.
- Text
Charcoal and muted grays are used for primary and secondary text throughout the UI.
- Semantic
Green, yellow, red, and info blue are used for status indicators, alerts, and notifications.
Datadog color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Datadog primary color is #632CA6, known as Datadog Purple. Use this exact hex for primary branding elements.
Datadog Purple (#632CA6) in RGB is (99, 44, 166). For CMYK, it is approximately (40, 73, 0, 35).
Datadog uses #23233A (Charcoal), #6B6B7E (Muted Gray), and #A0A0B2 (Soft Gray) for text and UI structure. These neutrals ensure readability and a clean interface.
Use Datadog Purple (#632CA6) for primary actions and branding, with Deep Navy (#2D2D3A) for backgrounds and Sky Blue (#25C2F8) for accents. Apply neutrals for text and surfaces to maintain clarity.
The secondary color is Datadog Deep Navy, #2D2D3A, and the accent is Datadog Sky Blue, #25C2F8. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Datadog's colors consistently when it generates UI.
Make something in the spirit of Datadog
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.