Docker color palette
TechDocker's color identity centers on a distinctive blue, complemented by a clean, modern palette of neutrals and accent blues. The brand uses these colors consistently across its website, UI, and documentation.
docker.comDocker colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Docker BluePrimary36, 150, 237
- Docker NavySecondary12, 56, 72
- Docker Light BlueAccent67, 177, 229
Surfaces
Page, cards and dividers.- Docker WhiteBackground255, 255, 255
- Docker Light GraySurface245, 248, 250
- Docker Border GrayBorder209, 223, 230
Text
Three tiers of copy.- Docker CharcoalText29, 39, 51
- Docker SlateSecondary text79, 91, 103
- Docker Muted GrayMuted text123, 138, 153
Semantic
Feedback and state colors.- Docker Success GreenSuccess46, 204, 113
- Docker Warning OrangeWarning245, 166, 35
- Docker Error RedError231, 76, 60
- Docker Info BlueInfo36, 150, 237
Use Docker's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
docker-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2496ED;
--error: #E74C3C;
--accent: #43B1E5;
--border: #D1DFE6;
--primary: #2496ED;
--success: #2ECC71;
--surface: #F5F8FA;
--warning: #F5A623;
--secondary: #0C3848;
--text-muted: #7B8A99;
--background: #FFFFFF;
--text-primary: #1D2733;
--text-secondary: #4F5B67;
}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.1:1
Pass
Text on surface
Needs 4.5:1 for body text
14.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.5:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Docker background, border and text colors
The quiet part of the Docker palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Docker WhiteBackground
- HEX
- RGB
- HSL
- Docker Light GraySurface
- HEX
- RGB
- HSL
- Docker Border GrayBorder
- HEX
- RGB
- HSL
- Docker CharcoalText
- HEX
- RGB
- HSL
- Docker SlateSecondary text
- HEX
- RGB
- HSL
- Docker Muted GrayMuted text
- HEX
- RGB
- HSL
About Docker's colors
Docker's palette is built around a strong blue, conveying trust and technology, with supporting neutrals for clarity and usability. Accent blues and semantic colors provide visual hierarchy and feedback.
Primary blue is paired with navy for depth.
Neutrals balance the vivid blues for readability.
Semantic colors (green, orange, red) are reserved for status and alerts.
Psychology
Blue is associated with reliability, security, and professionalism, aligning with Docker's developer audience. The palette's clarity supports focus and ease of use.
Evolution
Docker's blue-centric palette has remained stable since its early years, with minor adjustments to neutral tones for improved accessibility. The brand has consistently prioritized a clean, modern look.
Where Docker uses each color
- Primary
Docker Blue is used for logos, primary buttons, and key navigation elements.
- Secondary
Docker Navy appears in headers, footers, and backgrounds for contrast.
- Accent
Docker Light Blue highlights links, icons, and interactive UI components.
- Backgrounds
Docker White and Docker Light Gray are used for page and card backgrounds.
- Text
Docker Charcoal and Docker Slate are used for primary and secondary text, with Docker Muted Gray for less prominent information.
- Semantic
Success Green, Warning Orange, and Error Red are used for status messages, alerts, and notifications.
Docker color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Docker primary color hex code is #2496ED. This blue is used throughout Docker's branding and UI.
Docker Blue (#2496ED) in RGB is (36, 150, 237). For CMYK, it is approximately (85, 37, 0, 7).
Docker uses Docker Light Gray (#F5F8FA), Docker Border Gray (#D1DFE6), Docker Charcoal (#1D2733), and Docker Slate (#4F5B67) for backgrounds, borders, and text. These neutrals ensure clarity and accessibility across the interface.
Use Docker Blue (#2496ED) for primary actions and branding, with Docker Navy (#0C3848) for supporting backgrounds. Reserve semantic colors for status and alerts, and apply neutrals for backgrounds and text to maintain legibility.
The secondary color is Docker Navy, #0C3848, and the accent is Docker Light Blue, #43B1E5. Together with the primary they make up the three brand colors at the top of this page.
6 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 Docker's colors consistently when it generates UI.
Make something in the spirit of Docker
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.