W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Kubernetes
Kubernetes is the open-source container-orchestration platform originally designed by Google and now maintained by the Cloud Native Computing Foundation (CNCF). The brand identity is anchored on the seven-spoked helm-wheel mark — a reference to the Greek "κυβερνήτης" (kubernetes, "helmsman") — filled with the signature Kubernetes Blue (#326CE5). The visual voice is community-led and engineering-direct: documentation-forward, diagram-friendly, and committed to the open-source convention of primary-source clarity over marketing flourish. The mark and the blue together form one of the most recognizable identities in cloud-native infrastructure.
1 palette 3 fonts 0 assets 8 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/kubernetes/1.0.0/json/brand.json
and apply its role mappings (primary, accent, identity, etc.),
reference the fonts in references.fonts, and honor every rule where
severity is "error". Surface any deviation you choose to make.Downloads
All converter outputs for [email protected]. Served from
/dist/brands/kubernetes/1.0.0/.
JSON
1 filePlain JSON mirror of the resolved brand — palette, fonts, roles, rules.
CSS variables
1 fileCSS custom properties on :root with prefers-color-scheme dark.
SCSS
1 fileSCSS variables + Sass maps for swatches, roles, and fonts.
Tailwind config
1 fileTailwind v3 theme.extend.colors + fontFamily.
Figma Tokens
1 fileFigma Tokens plugin JSON (Tokens Studio compatible).
Swift
1 fileSwift enums for SwiftUI / UIKit color + font tokens.
Kotlin / Compose
1 fileKotlin objects for Jetpack Compose color + typography tokens.
Markdown guide
1 fileHuman-readable brand guide. Same source as the on-page Brand Guide.
Brand Guide
Inline rendering of the Markdown brand guide. Same source as the
markdown/brand-guide.md download.
Kubernetes
Kubernetes is the open-source container-orchestration platform originally designed by Google and now maintained by the Cloud Native Computing Foundation (CNCF). The brand identity is anchored on the seven-spoked helm-wheel mark — a reference to the Greek "κυβερνήτης" (kubernetes, "helmsman") — filled with the signature Kubernetes Blue (#326CE5). The visual voice is community-led and engineering-direct: documentation-forward, diagram-friendly, and committed to the open-source convention of primary-source clarity over marketing flourish. The mark and the blue together form one of the most recognizable identities in cloud-native infrastructure.
Tags: tech, kubernetes, k8s, cncf, open-source, infrastructure
Atoms
Palette
Kubernetes · [email protected] · Apache-2.0
Kubernetes brand palette anchored on Kubernetes Blue (#326CE5) — the signature blue of the seven-spoked helm-wheel mark and the principal accent across kubernetes.io. The palette pairs the signature blue with a darker navy used in dark-mode marketing and a neutral ramp for body copy and documentation surfaces. Kubernetes is an open-source project hosted by the Cloud Native Computing Foundation (CNCF); the brand assets are governed by the CNCF brand guidelines and the project's CONTRIBUTING surface.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
body |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
mono |
JetBrainsMono Nerd Font ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
k8s-blue |
Kubernetes Blue | #326CE5 |
k8s-blue-dark |
Kubernetes Blue Dark | #2956B2 |
k8s-blue-light |
Kubernetes Blue Light | #7493E0 |
k8s-navy |
Kubernetes Navy | #0B132B |
k8s-navy-deep |
Kubernetes Navy Deep | #050911 |
k8s-ink |
Kubernetes Ink | #303030 |
k8s-gray |
Kubernetes Gray | #5F6368 |
k8s-gray-light |
Kubernetes Gray Light | #9AA0A6 |
k8s-surface |
Kubernetes Surface | #F1F3F4 |
k8s-border |
Kubernetes Border | #DADCE0 |
k8s-white |
Kubernetes White | #FFFFFF |
k8s-success |
Kubernetes Success | #0F9D58 |
k8s-warning |
Kubernetes Warning | #F4B400 |
k8s-error |
Kubernetes Error | #DB4437 |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
k8s-white |
#FFFFFF |
surface |
k8s-surface |
#F1F3F4 |
surface-elevated |
k8s-white |
#FFFFFF |
text-primary |
k8s-ink |
#303030 |
text-secondary |
k8s-gray |
#5F6368 |
text-tertiary |
k8s-gray-light |
#9AA0A6 |
primary |
k8s-blue |
#326CE5 |
primary-hover |
k8s-blue-dark |
#2956B2 |
accent |
k8s-blue-light |
#7493E0 |
accent-hover |
k8s-blue |
#326CE5 |
warning |
k8s-warning |
#F4B400 |
warning-hover |
k8s-error |
#DB4437 |
error |
k8s-error |
#DB4437 |
success |
k8s-success |
#0F9D58 |
border |
k8s-border |
#DADCE0 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
k8s-navy-deep |
#050911 |
surface |
k8s-navy |
#0B132B |
surface-elevated |
k8s-blue-dark |
#2956B2 |
text-primary |
k8s-white |
#FFFFFF |
text-secondary |
k8s-surface |
#F1F3F4 |
text-tertiary |
k8s-gray-light |
#9AA0A6 |
primary |
k8s-blue-light |
#7493E0 |
primary-hover |
k8s-blue |
#326CE5 |
accent |
k8s-blue |
#326CE5 |
accent-hover |
k8s-blue-light |
#7493E0 |
warning |
k8s-warning |
#F4B400 |
warning-hover |
k8s-error |
#DB4437 |
error |
k8s-error |
#DB4437 |
success |
k8s-success |
#0F9D58 |
border |
k8s-blue-dark |
#2956B2 |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
k8s-blue |
#326CE5 |
on-identity |
k8s-white |
#FFFFFF |
primary |
k8s-blue |
#326CE5 |
primary-hover |
k8s-blue-dark |
#2956B2 |
accent |
k8s-blue-light |
#7493E0 |
accent-hover |
k8s-blue |
#326CE5 |
background |
k8s-white |
#FFFFFF |
surface |
k8s-surface |
#F1F3F4 |
surface-elevated |
k8s-white |
#FFFFFF |
text-primary |
k8s-ink |
#303030 |
text-secondary |
k8s-gray |
#5F6368 |
text-tertiary |
k8s-gray-light |
#9AA0A6 |
chrome |
k8s-navy |
#0B132B |
chrome-deep |
k8s-navy-deep |
#050911 |
mark |
k8s-blue |
#326CE5 |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (6)
colorChoice → logo.helm-wheel.fill
- allowed: k8s-blue, k8s-white
- forbidden: k8s-blue-dark, k8s-blue-light, k8s-navy
The Kubernetes helm-wheel renders in Kubernetes Blue (#326CE5) or reversed white per the CNCF trademark guidelines. The darker pressed-state and the lighter illustration accent are interactive-state tokens and never mark fills.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, on-busy-photo, spokes-altered, gradient-fill
The CNCF trademark guidelines explicitly prohibit altering the proportions, color, or arrangement of the Kubernetes helm-wheel mark. The seven spokes are a defined feature of the mark and must not be modified.
contrastRatio → text-primary
- against:
background - minRatio:
4.5 - standard:
WCAG-AA
Kubernetes Ink (#303030) on Kubernetes White gives ~13:1 — well above WCAG 2.1 Level AA. The kubernetes.io documentation surface targets AA as the accessibility floor; consumers must not reduce this contrast.
contrastRatio → roles.colors.primary
- against:
background - minRatio:
4.5 - standard:
WCAG-AA
Kubernetes Blue (#326CE5) on Kubernetes White gives ~5.1:1 — clearing WCAG AA for body-sized interactive text. The documentation site relies on this contrast for link legibility.
accessibilityRequirement → *
- standard:
WCAG-AA - criterion:
1.4.3
WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The kubernetes.io documentation surface and CNCF project sites both target AA as the floor for accessibility on open-source documentation.
contextRestriction → logo.helm-wheel
- forbiddenContexts: commercial-endorsement, product-co-branding-without-permission
The Linux Foundation / CNCF trademark usage policy requires explicit permission for commercial endorsement or co-branding uses of the Kubernetes mark. Use of the helm-wheel to imply endorsement of a commercial product requires written approval from the CNCF.
💡 recommendation (2)
compositionConstraint → roles.colors.primary
- pairsWith: k8s-white, k8s-navy, k8s-surface
- doesNotPairWith: k8s-warning, k8s-error
The Kubernetes Blue pairs cleanly against the white canvas and the navy dark-mode chrome. 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
The kubernetes.io documentation surface uses a single family for heading and body, with hierarchy established through size. A 1.5× heading-to-body floor preserves the display-to-prose distinction across the long-form reference content.
Provenance
- Source: https://kubernetes.io/community/branding/
- License:
Apache-2.0 - Attribution: Kubernetes is a registered trademark of The Linux Foundation / Cloud Native Computing Foundation. The Kubernetes name and logo are used under the CNCF trademark usage guidelines (cncf.io/brand-guidelines). The Kubernetes project source is licensed under Apache License 2.0; brand colors and identity guidance documented here are derived from the project's branding page (kubernetes.io/community/branding/), the kubernetes/community repository, and the CNCF Style Guide. Copyright The Kubernetes Authors / Cloud Native Computing Foundation.
- Imported:
2026-05-18 - Notes: Kubernetes is the only Apache-2.0-licensed brand atom in this initial cloud-and-devops set — the project itself is open-source and the brand assets are governed by the CNCF trademark policy. No asset files are bundled here; the helm- wheel mark must be retrieved directly from the Kubernetes branding page under the CNCF brand guidelines. Use of the Kubernetes name and mark must comply with the Linux Foundation / CNCF trademark usage policy.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by Kubernetes
Every block below renders from the resolved palette + font references on this brand. Swap the brand and the same template re-themes — no per-brand component code required.
Kubernetes
A clear hierarchy in Kubernetes's typeface
Tertiary heading — supporting structure
Body copy renders in the brand's prose font on the brand's background.
Inline links and highlighted phrases pick up
the brand's primary and highlight roles. Code spans like brand.references.palette
fall back to the monospace face.
A blockquote uses the brand's accent color as its rule. Useful for pulling tagline copy out of running prose.
Bulleted list
- Bullet markers inherit the brand's primary color.
- Item spacing reads as a deliberate vertical rhythm.
- Nested items still resolve to the same primary.
- Second-level item using the accent.
- Third bullet wraps cleanly at narrow widths.
Numbered list
- Open the brand's resolved spec.
- Apply roles to the component template.
- Render the surface in the brand's identity.
- Audit the output against the typed rules.
Callout boxes
Info
Neutral status — provides supplemental context without urgency. Uses the brand's primary as the rule.
Success
Confirms a completed action — palette role success determines the rule color.
Warning
Calls out something that needs attention but isn't an error — palette role warning.
Error
Surfaces a failure that blocks progress — palette role error. Use sparingly.
Table
| Role | Resolves to | Mode |
|---|---|---|
| primary | brand color #1 | light + dark |
| accent | brand color #2 | light + dark |
| warning | brand warning | light + dark |
| error | brand error | light + dark |
Atoms
palette
Kubernetes
[email protected]font · heading
Inter
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · body
Inter
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · mono
JetBrainsMono Nerd Font
[email protected]The quick brown fox jumps over 13 lazy dogs.
Brand semantic roles
Brand-level role overrides on top of palette-default mappings. Each role resolves to a concrete swatch or font reference.
Colors
accent
→ k8s-blue-light #7493E0 accent-hover
→ k8s-blue #326CE5 background
→ k8s-white #FFFFFF chrome
→ k8s-navy #0B132B chrome-deep
→ k8s-navy-deep #050911 identity
→ k8s-blue #326CE5 mark
→ k8s-blue #326CE5 on-identity
→ k8s-white #FFFFFF primary
→ k8s-blue #326CE5 primary-hover
→ k8s-blue-dark #2956B2 surface
→ k8s-surface #F1F3F4 surface-elevated
→ k8s-white #FFFFFF text-primary
→ k8s-ink #303030 text-secondary
→ k8s-gray #5F6368 text-tertiary
→ k8s-gray-light #9AA0A6 Typography
code
→ mono JetBrainsMono Nerd Font display
→ heading Inter prose
→ body Inter Palette mode mappings (from kubernetes)
Light mode (15 roles)
accent
→ k8s-blue-light accent-hover
→ k8s-blue background
→ k8s-white border
→ k8s-border error
→ k8s-error primary
→ k8s-blue primary-hover
→ k8s-blue-dark success
→ k8s-success surface
→ k8s-surface surface-elevated
→ k8s-white text-primary
→ k8s-ink text-secondary
→ k8s-gray text-tertiary
→ k8s-gray-light warning
→ k8s-warning warning-hover
→ k8s-error Dark mode (15 roles)
accent
→ k8s-blue accent-hover
→ k8s-blue-light background
→ k8s-navy-deep border
→ k8s-blue-dark error
→ k8s-error primary
→ k8s-blue-light primary-hover
→ k8s-blue success
→ k8s-success surface
→ k8s-navy surface-elevated
→ k8s-blue-dark text-primary
→ k8s-white text-secondary
→ k8s-surface text-tertiary
→ k8s-gray-light warning
→ k8s-warning warning-hover
→ k8s-error Rules (8 typed constraints)
error · 6 rules
colorChoice logo.helm-wheel.fill allowed k8s-blue, k8s-white forbidden k8s-blue-dark, k8s-blue-light, k8s-navy The Kubernetes helm-wheel renders in Kubernetes Blue (#326CE5) or reversed white per the CNCF trademark guidelines. The darker pressed-state and the lighter illustration accent are interactive-state tokens and never mark fills.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, on-busy-photo, spokes-altered, gradient-fill The CNCF trademark guidelines explicitly prohibit altering the proportions, color, or arrangement of the Kubernetes helm-wheel mark. The seven spokes are a defined feature of the mark and must not be modified.
contrastRatio text-primary against background minRatio 4.5 standard WCAG-AA Kubernetes Ink (#303030) on Kubernetes White gives ~13:1 — well above WCAG 2.1 Level AA. The kubernetes.io documentation surface targets AA as the accessibility floor; consumers must not reduce this contrast.
contrastRatio roles.colors.primary against background minRatio 4.5 standard WCAG-AA Kubernetes Blue (#326CE5) on Kubernetes White gives ~5.1:1 — clearing WCAG AA for body-sized interactive text. The documentation site relies on this contrast for link legibility.
accessibilityRequirement * standard WCAG-AA criterion 1.4.3 WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The kubernetes.io documentation surface and CNCF project sites both target AA as the floor for accessibility on open-source documentation.
contextRestriction logo.helm-wheel forbiddenContexts commercial-endorsement, product-co-branding-without-permission The Linux Foundation / CNCF trademark usage policy requires explicit permission for commercial endorsement or co-branding uses of the Kubernetes mark. Use of the helm-wheel to imply endorsement of a commercial product requires written approval from the CNCF.
recommendation · 2 rules
compositionConstraint roles.colors.primary pairsWith k8s-white, k8s-navy, k8s-surface doesNotPairWith k8s-warning, k8s-error The Kubernetes Blue pairs cleanly against the white canvas and the navy dark-mode chrome. 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 The kubernetes.io documentation surface uses a single family for heading and body, with hierarchy established through size. A 1.5× heading-to-body floor preserves the display-to-prose distinction across the long-form reference content.
Provenance
- Source
- https://kubernetes.io/community/branding/
- License
Apache-2.0- Attribution
- Kubernetes is a registered trademark of The Linux Foundation / Cloud Native Computing Foundation. The Kubernetes name and logo are used under the CNCF trademark usage guidelines (cncf.io/brand-guidelines). The Kubernetes project source is licensed under Apache License 2.0; brand colors and identity guidance documented here are derived from the project's branding page (kubernetes.io/community/branding/), the kubernetes/community repository, and the CNCF Style Guide. Copyright The Kubernetes Authors / Cloud Native Computing Foundation.
- Imported
2026-05-18- Notes
- Kubernetes is the only Apache-2.0-licensed brand atom in this initial cloud-and-devops set — the project itself is open-source and the brand assets are governed by the CNCF trademark policy. No asset files are bundled here; the helm- wheel mark must be retrieved directly from the Kubernetes branding page under the CNCF brand guidelines. Use of the Kubernetes name and mark must comply with the Linux Foundation / CNCF trademark usage policy.