Docker

Docker brand palette anchored on Docker Blue (#2496ED) — the signature blue of the Moby whale logo and the principal accent across docker.com and Docker Desktop. The palette pairs Docker Blue with a deeper Navy used in dark-canvas marketing and on Docker Hub chrome, plus a Material-style neutral ramp for body copy and UI surfaces.

14 swatches 15 light roles 15 dark roles techcontainersdockerbluedevopsinfrastructure

Swatches

docker-blue
#2496ED
Primary Docker brand blue — the fill of the Moby whale and the principal CTA color across docker.com and Docker Desktop.
docker-blue-bright
#0DB7ED
Brighter cyan-blue used in Docker marketing illustrations and on dark-canvas hero compositions.
docker-navy
#0A1F44
Deep navy used in dark-mode marketing surfaces and as the chrome canvas for Docker Hub on dark theme.
docker-navy-deep
#06122A
Darkest navy used on dark-mode page canvas.
docker-blue-dark
#1769A6
Pressed/active state for the primary CTA on light surfaces.
docker-ink
#17191E
Primary text on light surfaces.
docker-gray
#677285
Secondary text and metadata.
docker-gray-light
#8993A5
Tertiary text and disabled UI.
docker-surface
#F4F6F9
Quiet surface — card backgrounds on docker.com.
docker-border
#E1E2E6
Hairline borders and dividers.
docker-white
#FFFFFF
Primary canvas on light surfaces.
docker-success
#1CB97A
Confirmation / healthy-container state.
docker-warning
#F2A33A
Caution state on Docker Desktop chrome.
docker-error
#E2574C
Destructive / unhealthy-container state.

Mode role mappings

Light mode (15 roles)

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

Dark mode (15 roles)

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

Provenance

Source
https://www.docker.com/company/newsroom/media-resources/
License
Proprietary — All Rights Reserved
Attribution
Docker and the Docker logo are trademarks of Docker, Inc. The Docker Blue (#2496ED) hex value is documented on the Docker media-resources / brand-press surface and is consistently rendered as the Moby whale fill on docker.com, Docker Desktop, and the Docker Hub chrome.
Imported
2026-05-18
Notes
Docker's marketing site is light-first; Docker Desktop ships bilingual light/dark themes. The deeper navy (#0DB7ED variants and #0db7ed-darkened shades) appears on dark-mode hero surfaces. Both modes are authored here.