DigitalOcean

DigitalOcean brand palette anchored on DigitalOcean Blue (#0080FF) — the signature blue of the waving-ocean mark and the principal accent across digitalocean.com and the DigitalOcean control panel. The palette pairs DigitalOcean Blue with a deeper Navy used on dark-mode marketing surfaces and a neutral ramp for body copy and UI surfaces.

14 swatches 15 light roles 15 dark roles techclouddigitaloceanblueinfrastructuredeveloper-cloud

Swatches

do-blue
#0080FF
The DigitalOcean signature blue — the fill of the waving- ocean mark and the principal CTA color across digitalocean.com.
do-blue-dark
#0061C2
Pressed/active state for the primary CTA.
do-blue-light
#3FA1FF
Soft accent used on illustrations and on dark surfaces.
do-navy
#031B4E
Dark-mode canvas — the navy used on digitalocean.com dark-theme hero compositions.
do-navy-deep
#020E2A
Darkest navy used as the page-level dark canvas.
do-ink
#031B4E
Primary text on light surfaces — the same hex as the dark canvas, used as deep ink.
do-gray
#646F87
Secondary text and metadata.
do-gray-light
#8B95A8
Tertiary text and disabled UI.
do-surface
#F4F6F8
Quiet surface — card backgrounds on digitalocean.com.
do-border
#DDE3EB
Hairline borders and dividers.
do-white
#FFFFFF
Primary canvas on light surfaces.
do-success
#1E944A
Confirmation / healthy-droplet state.
do-warning
#F2A33A
Warning / pending state.
do-error
#D9534F
Destructive / failed-droplet state.

Mode role mappings

Light mode (15 roles)

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

Dark mode (15 roles)

accent → do-blue
accent-hover → do-blue-light
background → do-navy-deep
border → do-blue-dark
error → do-error
primary → do-blue-light
primary-hover → do-blue
success → do-success
surface → do-navy
surface-elevated → do-blue-dark
text-primary → do-white
text-secondary → do-surface
text-tertiary → do-gray-light
warning → do-warning
warning-hover → do-error

Provenance

Source
https://www.digitalocean.com/press
License
Proprietary — All Rights Reserved
Attribution
DigitalOcean and the DigitalOcean logo are trademarks of DigitalOcean, LLC. Brand colors documented here are derived from the DigitalOcean press / brand resources page (digitalocean.com/press) and the visible style values across digitalocean.com and the DigitalOcean control panel.
Imported
2026-05-18
Notes
DigitalOcean's marketing site is light-first; the control panel ships both light and dark themes. The signature blue is consistent across both surfaces. Both modes are authored here.