DigitalOcean color palette
SaaSDigitalOcean's color identity is defined by a vibrant blue primary, complemented by a cool palette of grays and accent blues. The system emphasizes clarity, simplicity, and a modern tech aesthetic.
digitalocean.comDigitalOcean colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- DigitalOcean BluePrimary0, 128, 255
- DigitalOcean Deep BlueSecondary0, 89, 179
- DigitalOcean AquaAccent0, 179, 230
Surfaces
Page, cards and dividers.- DigitalOcean CloudBackground245, 248, 250
- DigitalOcean WhiteSurface255, 255, 255
- DigitalOcean Light GrayBorder229, 231, 235
Text
Three tiers of copy.- DigitalOcean CharcoalText26, 35, 42
- DigitalOcean SlateSecondary text87, 96, 106
- DigitalOcean Muted GrayMuted text138, 148, 166
Semantic
Feedback and state colors.- DigitalOcean GreenSuccess22, 178, 106
- DigitalOcean GoldWarning255, 180, 0
- DigitalOcean RedError255, 77, 79
- DigitalOcean AquaInfo0, 179, 230
Use DigitalOcean's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
digitalocean-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B3E6;
--error: #FF4D4F;
--accent: #00B3E6;
--border: #E5E7EB;
--primary: #0080FF;
--success: #16B26A;
--surface: #FFFFFF;
--warning: #FFB400;
--secondary: #0059B3;
--text-muted: #8A94A6;
--background: #F5F8FA;
--text-primary: #1A232A;
--text-secondary: #57606A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.9:1
Pass
Text on surface
Needs 4.5:1 for body text
15.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.4:1
Pass
Muted text on background
Needs 3:1 for large text
2.9:1
Fail
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
DigitalOcean background, border and text colors
The quiet part of the DigitalOcean palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- DigitalOcean CloudBackground
- HEX
- RGB
- HSL
- DigitalOcean WhiteSurface
- HEX
- RGB
- HSL
- DigitalOcean Light GrayBorder
- HEX
- RGB
- HSL
- DigitalOcean CharcoalText
- HEX
- RGB
- HSL
- DigitalOcean SlateSecondary text
- HEX
- RGB
- HSL
- DigitalOcean Muted GrayMuted text
- HEX
- RGB
- HSL
About DigitalOcean's colors
DigitalOcean's palette is centered on a strong blue, conveying trust and reliability, with supporting cool tones for clarity. The use of neutrals and accent blues maintains a clean, approachable interface.
Primary blue is complemented by deeper and lighter blues.
Neutral grays provide balance and support readability.
Accent colors are used for status and emphasis.
Psychology
Blue is associated with trust, security, and professionalism, fitting for a cloud infrastructure provider. The palette's cool tones reinforce a sense of calm and technical competence.
Evolution
DigitalOcean's palette has remained stable, with minor adjustments to blue and gray tones for accessibility and modernity. The core blue has been consistent since the brand's inception.
Where DigitalOcean uses each color
- Primary
Used for main navigation bars, primary buttons, and key highlights.
- Secondary
Appears in headers, selected states, and secondary actions.
- Accent
Used for links, icons, and informational highlights.
- Backgrounds
Cloud gray and white are used for app backgrounds and panels.
- Text
Charcoal and slate grays are used for body text and headings.
- Semantic
Green, gold, and red are used for success, warning, and error states throughout the UI.
DigitalOcean color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official DigitalOcean primary color is #0080FF. This blue is used for key brand elements and primary actions.
DigitalOcean Blue (#0080FF) is RGB(0, 128, 255) and CMYK(100, 50, 0, 0). Always use the hex code for digital applications.
DigitalOcean uses several grays, including Cloud (#F5F8FA), Light Gray (#E5E7EB), Slate (#57606A), and Muted Gray (#8A94A6). These support backgrounds, borders, and text for clarity and contrast.
Use DigitalOcean Blue (#0080FF) for primary actions and navigation, with supporting blues and grays for backgrounds, text, and secondary elements. Semantic colors should be reserved for status indicators and alerts.
The secondary color is DigitalOcean Deep Blue, #0059B3, and the accent is DigitalOcean Aqua, #00B3E6. Together with the primary they make up the three brand colors at the top of this page.
5 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 DigitalOcean's colors consistently when it generates UI.
Make something in the spirit of DigitalOcean
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.