W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Python
Python is a high-level, general-purpose, dynamically-typed programming language that emphasizes readability and the Zen of Python ("explicit is better than implicit; readability counts"). The brand voice is welcoming, pedagogical, and community-first — Python's growth has been carried by tutorials, scientific computing, and an inclusive Python Software Foundation (PSF) governance model. Visually, the brand pairs Python Blue (#3776AB) with Python Yellow (#FFD43B) in the two-snake logo, the equal-weight pairing being load-bearing.
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/python/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/python/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.
Python
Python is a high-level, general-purpose, dynamically-typed programming language that emphasizes readability and the Zen of Python ("explicit is better than implicit; readability counts"). The brand voice is welcoming, pedagogical, and community-first — Python's growth has been carried by tutorials, scientific computing, and an inclusive Python Software Foundation (PSF) governance model. Visually, the brand pairs Python Blue (#3776AB) with Python Yellow (#FFD43B) in the two-snake logo, the equal-weight pairing being load-bearing.
Tags: python, programming-language, psf, open-source, brand, education
Atoms
Palette
Python · [email protected] · Proprietary — All Rights Reserved
Python language brand palette anchored on the two-snake logo's canonical pairing: Python Blue (#3776AB) and Python Yellow (#FFD43B). The PSF logo combines them at equal weight; consumer surfaces typically use blue as the primary identity and yellow as the high-energy accent. A neutral set rounds out the page-level light and dark canvases.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
body |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
mono |
Source Code Pro ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
python-blue |
Python Blue | #3776AB |
python-yellow |
Python Yellow | #FFD43B |
python-dark-blue |
Python Dark Blue | #1E415E |
python-dark-yellow |
Python Dark Yellow | #FFC331 |
python-black |
Python Black | #0E1217 |
python-charcoal |
Python Charcoal | #1C232C |
python-gray |
Python Gray | #646464 |
python-light-gray |
Python Light Gray | #D5D5D5 |
python-off-white |
Python Off-White | #F4F4F4 |
python-white |
Python White | #FFFFFF |
python-success |
Python Success Green | #3F924B |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
python-white |
#FFFFFF |
surface |
python-off-white |
#F4F4F4 |
surface-elevated |
python-white |
#FFFFFF |
text-primary |
python-dark-blue |
#1E415E |
text-secondary |
python-gray |
#646464 |
text-tertiary |
python-blue |
#3776AB |
primary |
python-blue |
#3776AB |
primary-hover |
python-dark-blue |
#1E415E |
accent |
python-yellow |
#FFD43B |
accent-hover |
python-dark-yellow |
#FFC331 |
warning |
python-yellow |
#FFD43B |
warning-hover |
python-dark-yellow |
#FFC331 |
error |
python-dark-yellow |
#FFC331 |
success |
python-success |
#3F924B |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
python-black |
#0E1217 |
surface |
python-charcoal |
#1C232C |
surface-elevated |
python-charcoal |
#1C232C |
text-primary |
python-white |
#FFFFFF |
text-secondary |
python-light-gray |
#D5D5D5 |
text-tertiary |
python-yellow |
#FFD43B |
primary |
python-yellow |
#FFD43B |
primary-hover |
python-dark-yellow |
#FFC331 |
accent |
python-blue |
#3776AB |
accent-hover |
python-dark-blue |
#1E415E |
warning |
python-yellow |
#FFD43B |
warning-hover |
python-dark-yellow |
#FFC331 |
error |
python-dark-yellow |
#FFC331 |
success |
python-success |
#3F924B |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
python-blue |
#3776AB |
on-identity |
python-white |
#FFFFFF |
primary |
python-blue |
#3776AB |
primary-hover |
python-dark-blue |
#1E415E |
accent |
python-yellow |
#FFD43B |
accent-hover |
python-dark-yellow |
#FFC331 |
background |
python-white |
#FFFFFF |
surface |
python-off-white |
#F4F4F4 |
text-primary |
python-dark-blue |
#1E415E |
text-secondary |
python-gray |
#646464 |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (6)
compositionConstraint → logo
- pairsWith: python-blue, python-yellow
The PSF two-snake logo is defined by the equal-weight pairing of Python Blue and Python Yellow. Reproducing only one snake or substituting other hues breaks the Foundation's mark identity.
forbiddenTreatment → logo
- treatments: recolored, rotated, skewed, stretched, derived-without-approval, drop-shadow
The PSF Trademark Usage Policy requires that the Python logo be reproduced "with the right colors and fonts" and that derived versions require PSF approval before use. Recoloring, rotating, or otherwise altering the mark violates the policy.
colorChoice → roles.colors.identity
- allowed: python-blue, python-yellow
Python Blue and Python Yellow are the two canonical identity colors. Other neutrals in this palette are supporting tones only.
contrastRatio → text-primary
- against:
background - minRatio:
4.5 - standard:
WCAG-AA
Python Dark Blue (#1E415E) on Python White exceeds 9:1 — well above the WCAG AA threshold for body text.
contextRestriction → trademark.use
- forbiddenContexts: implied-endorsement, paid-merchandise-without-approval
The PSF Trademark Usage Policy requires permission before selling Python-branded merchandise and prohibits uses that imply official PSF endorsement.
accessibilityRequirement → *
- standard:
WCAG-AA - criterion:
1.4.3
WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The Python brand uses Blue as its AA-compliant interactive color; Yellow is reserved for large display and accent use only.
⚠️ warning (1)
contrastRatio → roles.colors.primary
- against:
background - minRatio:
4.5 - standard:
WCAG-AA
Python Blue (#3776AB) on White sits around 5.4:1 — clears AA for body text. Python Yellow (#FFD43B) on White does NOT clear AA; reserve yellow for large surfaces or pair with a dark canvas for legibility.
💡 recommendation (1)
fontPairing → typography.heading
- requires:
body - minSizeRatio:
1.5
Python.org and PSF surfaces use a single humanist sans for heading and body. Maintain at least a 1.5× heading-to-body ratio to preserve hierarchy.
Provenance
- Source: https://www.python.org/community/logos/
- License:
Proprietary — All Rights Reserved - Attribution: The Python logo and word mark are trademarks of the Python Software Foundation. Per the PSF Trademark Usage Policy, the logo may be used to indicate that a project or product works with Python; derived versions require advance PSF approval. This atom is brand-atoms' machine-readable encoding of the PSF logo's published color values; no logos are bundled.
- Imported:
2026-05-18 - Notes: Python's brand-color hex values are not published as a formal palette page on python.org; the canonical values (#3776AB and #FFD43B) are the resolved fill colors in the official PSF logo SVG distributed at python.org/community/logos and are matched by the simple-icons project. The brand voice paragraph above draws from PSF's Diversity Statement and the community pages at python.org/community/.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by Python
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.
Python
A clear hierarchy in Python'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
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
→ python-yellow #FFD43B accent-hover
→ python-dark-yellow #FFC331 background
→ python-white #FFFFFF identity
→ python-blue #3776AB on-identity
→ python-white #FFFFFF primary
→ python-blue #3776AB primary-hover
→ python-dark-blue #1E415E surface
→ python-off-white #F4F4F4 text-primary
→ python-dark-blue #1E415E text-secondary
→ python-gray #646464 Typography
code
→ mono Source Code Pro display
→ heading Inter prose
→ body Inter Palette mode mappings (from python)
Light mode (14 roles)
accent
→ python-yellow accent-hover
→ python-dark-yellow background
→ python-white error
→ python-dark-yellow primary
→ python-blue primary-hover
→ python-dark-blue success
→ python-success surface
→ python-off-white surface-elevated
→ python-white text-primary
→ python-dark-blue text-secondary
→ python-gray text-tertiary
→ python-blue warning
→ python-yellow warning-hover
→ python-dark-yellow Dark mode (14 roles)
accent
→ python-blue accent-hover
→ python-dark-blue background
→ python-black error
→ python-dark-yellow primary
→ python-yellow primary-hover
→ python-dark-yellow success
→ python-success surface
→ python-charcoal surface-elevated
→ python-charcoal text-primary
→ python-white text-secondary
→ python-light-gray text-tertiary
→ python-yellow warning
→ python-yellow warning-hover
→ python-dark-yellow Rules (8 typed constraints)
error · 6 rules
compositionConstraint logo pairsWith python-blue, python-yellow The PSF two-snake logo is defined by the equal-weight pairing of Python Blue and Python Yellow. Reproducing only one snake or substituting other hues breaks the Foundation's mark identity.
forbiddenTreatment logo treatments recolored, rotated, skewed, stretched, derived-without-approval, drop-shadow The PSF Trademark Usage Policy requires that the Python logo be reproduced "with the right colors and fonts" and that derived versions require PSF approval before use. Recoloring, rotating, or otherwise altering the mark violates the policy.
colorChoice roles.colors.identity allowed python-blue, python-yellow Python Blue and Python Yellow are the two canonical identity colors. Other neutrals in this palette are supporting tones only.
contrastRatio text-primary against background minRatio 4.5 standard WCAG-AA Python Dark Blue (#1E415E) on Python White exceeds 9:1 — well above the WCAG AA threshold for body text.
contextRestriction trademark.use forbiddenContexts implied-endorsement, paid-merchandise-without-approval The PSF Trademark Usage Policy requires permission before selling Python-branded merchandise and prohibits uses that imply official PSF endorsement.
accessibilityRequirement * standard WCAG-AA criterion 1.4.3 WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The Python brand uses Blue as its AA-compliant interactive color; Yellow is reserved for large display and accent use only.
warning · 1 rule
contrastRatio roles.colors.primary against background minRatio 4.5 standard WCAG-AA Python Blue (#3776AB) on White sits around 5.4:1 — clears AA for body text. Python Yellow (#FFD43B) on White does NOT clear AA; reserve yellow for large surfaces or pair with a dark canvas for legibility.
recommendation · 1 rule
fontPairing typography.heading requires body minSizeRatio 1.5 Python.org and PSF surfaces use a single humanist sans for heading and body. Maintain at least a 1.5× heading-to-body ratio to preserve hierarchy.
Provenance
- Source
- https://www.python.org/community/logos/
- License
Proprietary — All Rights Reserved- Attribution
- The Python logo and word mark are trademarks of the Python Software Foundation. Per the PSF Trademark Usage Policy, the logo may be used to indicate that a project or product works with Python; derived versions require advance PSF approval. This atom is brand-atoms' machine-readable encoding of the PSF logo's published color values; no logos are bundled.
- Imported
2026-05-18- Notes
- Python's brand-color hex values are not published as a formal palette page on python.org; the canonical values (#3776AB and #FFD43B) are the resolved fill colors in the official PSF logo SVG distributed at python.org/community/logos and are matched by the simple-icons project. The brand voice paragraph above draws from PSF's Diversity Statement and the community pages at python.org/community/.