# Docker

> `docker@1.0.0`

Docker, Inc. is the company behind the Docker container engine, Docker Desktop, Docker Hub, and a developer-platform suite for building and shipping containerized applications. The brand identity is anchored on Docker Blue (#2496ED) — the fill of the Moby whale mark — paired with a deeper Navy used on dark-canvas marketing and on Docker Hub. The voice is developer-direct and workflow-forward: short verbs, runnable commands, and a strong preference for the live `docker run` over the marketing abstraction.


**Tags:** `tech`, `containers`, `docker`, `devops`, `infrastructure`

## Atoms

### Palette

**Docker** · `docker@1.0.0` · Proprietary — All Rights Reserved

> 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. 

### Fonts

| Role | Font | License | Classification |
|------|------|---------|----------------|
| `heading` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `body` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `mono` | **JetBrainsMono Nerd Font** `(jetbrainsmono-nerdfont@1.0.0)` | OFL-1.1 | monospace |

## Swatches

| ID | Name | Value |
|----|------|-------|
| `docker-blue` | Docker Blue | `#2496ED` |
| `docker-blue-bright` | Docker Blue Bright | `#0DB7ED` |
| `docker-navy` | Docker Navy | `#0A1F44` |
| `docker-navy-deep` | Docker Navy Deep | `#06122A` |
| `docker-blue-dark` | Docker Blue Dark | `#1769A6` |
| `docker-ink` | Docker Ink | `#17191E` |
| `docker-gray` | Docker Gray | `#677285` |
| `docker-gray-light` | Docker Gray Light | `#8993A5` |
| `docker-surface` | Docker Surface | `#F4F6F9` |
| `docker-border` | Docker Border | `#E1E2E6` |
| `docker-white` | Docker White | `#FFFFFF` |
| `docker-success` | Docker Success | `#1CB97A` |
| `docker-warning` | Docker Warning | `#F2A33A` |
| `docker-error` | Docker Error | `#E2574C` |

## Mode role mappings

### Light mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `docker-white` | `#FFFFFF` |
| `surface` | `docker-surface` | `#F4F6F9` |
| `surface-elevated` | `docker-white` | `#FFFFFF` |
| `text-primary` | `docker-ink` | `#17191E` |
| `text-secondary` | `docker-gray` | `#677285` |
| `text-tertiary` | `docker-gray-light` | `#8993A5` |
| `primary` | `docker-blue` | `#2496ED` |
| `primary-hover` | `docker-blue-dark` | `#1769A6` |
| `accent` | `docker-blue-bright` | `#0DB7ED` |
| `accent-hover` | `docker-blue` | `#2496ED` |
| `warning` | `docker-warning` | `#F2A33A` |
| `warning-hover` | `docker-error` | `#E2574C` |
| `error` | `docker-error` | `#E2574C` |
| `success` | `docker-success` | `#1CB97A` |
| `border` | `docker-border` | `#E1E2E6` |

### Dark mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `docker-navy-deep` | `#06122A` |
| `surface` | `docker-navy` | `#0A1F44` |
| `surface-elevated` | `docker-blue-dark` | `#1769A6` |
| `text-primary` | `docker-white` | `#FFFFFF` |
| `text-secondary` | `docker-surface` | `#F4F6F9` |
| `text-tertiary` | `docker-gray-light` | `#8993A5` |
| `primary` | `docker-blue-bright` | `#0DB7ED` |
| `primary-hover` | `docker-blue` | `#2496ED` |
| `accent` | `docker-blue` | `#2496ED` |
| `accent-hover` | `docker-blue-bright` | `#0DB7ED` |
| `warning` | `docker-warning` | `#F2A33A` |
| `warning-hover` | `docker-error` | `#E2574C` |
| `error` | `docker-error` | `#E2574C` |
| `success` | `docker-success` | `#1CB97A` |
| `border` | `docker-blue-dark` | `#1769A6` |

## Brand semantic roles

### Colors

| Role | Swatch | Hex |
|------|--------|-----|
| `identity` | `docker-blue` | `#2496ED` |
| `on-identity` | `docker-white` | `#FFFFFF` |
| `primary` | `docker-blue` | `#2496ED` |
| `primary-hover` | `docker-blue-dark` | `#1769A6` |
| `accent` | `docker-blue-bright` | `#0DB7ED` |
| `accent-hover` | `docker-blue` | `#2496ED` |
| `background` | `docker-white` | `#FFFFFF` |
| `surface` | `docker-surface` | `#F4F6F9` |
| `surface-elevated` | `docker-white` | `#FFFFFF` |
| `text-primary` | `docker-ink` | `#17191E` |
| `text-secondary` | `docker-gray` | `#677285` |
| `text-tertiary` | `docker-gray-light` | `#8993A5` |
| `chrome` | `docker-navy` | `#0A1F44` |
| `chrome-deep` | `docker-navy-deep` | `#06122A` |
| `mark` | `docker-blue` | `#2496ED` |

### Typography

| Role | Font role key |
|------|---------------|
| `display` | `heading` |
| `prose` | `body` |
| `code` | `mono` |

## Rules

### 🛑 error (4)

#### `colorChoice` → `logo.whale.fill`

- **allowed:** docker-blue, docker-white
- **forbidden:** docker-blue-bright, docker-blue-dark, docker-navy

> The Moby whale renders in Docker Blue (#2496ED) or reversed white. The hover Docker Blue Dark, the marketing-illustration bright cyan, and the Docker Navy chrome are interactive-state and canvas tokens — none are valid mark fills. 

#### `forbiddenTreatment` → `logo`

- **treatments:** stretched, rotated, recolored, drop-shadow, on-busy-photo, whale-detached-from-wordmark, gradient-fill

> Docker's brand guidelines explicitly prohibit altering the proportions, color, or orientation of the Moby whale mark. The whale must not be detached from the Docker wordmark on shared lockups, and gradient fills are not part of the published brand system. 

#### `contrastRatio` → `text-primary`

- **against:** `background`
- **minRatio:** `4.5`
- **standard:** `WCAG-AA`

> Docker Ink (#17191E) on Docker White gives ~17:1 — well above WCAG 2.1 Level AA. The rule encodes the floor for any new foreground/background pairing on docker.com surfaces. 

#### `accessibilityRequirement` → `*`

- **standard:** `WCAG-AA`
- **criterion:** `1.4.3`

> WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Docker Desktop and the docker.com marketing surfaces both target AA as the floor for accessibility across developer tooling. 

### ⚠️ warning (1)

#### `contrastRatio` → `roles.colors.primary`

- **against:** `background`
- **minRatio:** `3`
- **standard:** `WCAG-AA-large`

> Docker Blue on Docker White sits around 3.6:1 — it clears AA-large for headlines and large interactive text but falls short of AA for body-sized text. Use Docker Blue as a CTA / heading color, not for body copy on white. 

### 💡 recommendation (2)

#### `compositionConstraint` → `roles.colors.primary`

- **pairsWith:** docker-navy, docker-white, docker-surface
- **doesNotPairWith:** docker-warning, docker-error

> Docker Blue pairs cleanly against the navy chrome and the white canvas. Pairing the brand blue directly with the warning amber or error red on the same surface creates a status-color conflict that competes with the brand voice. 

#### `fontPairing` → `typography.heading`

- **requires:** `body`
- **minSizeRatio:** `1.5`

> Docker's marketing surfaces use Inter for both heading and body. Keep headings at least 1.5× body to preserve hierarchy when one family does both jobs. 

## Provenance

- **Source:** <https://www.docker.com/company/newsroom/media-resources/>
- **License:** `Proprietary — All Rights Reserved`
- **Attribution:** Docker, the Docker logo, the Moby whale, Docker Desktop, and Docker Hub are trademarks of Docker, Inc. Brand colors and identity guidance documented here are derived from Docker's media-resources page (docker.com/company/newsroom/media- resources/) and the visible style values across docker.com and Docker Desktop. 
- **Imported:** `2026-05-18`
- **Notes:** Brand-atoms' read of Docker's publicly available brand-resources page. This file is not an official Docker brand-guidelines document. The Moby whale is one of the most-protected open-source-adjacent marks in developer tooling; no asset files are bundled here. 

---

*Generated by the brand-atoms converter. Source: `docker@1.0.0` from the encyclopedia.*