W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Oxford
The University of Oxford — the English-speaking world's oldest university, whose institutional identity rests on Oxford Blue (#002147 — Pantone 282), the colour the University has been recognised by worldwide for centuries. Oxford pairs the institutional blue with a warm-neutral grey ramp, an off-white canvas, and an eight-colour secondary palette (cerulean blue, lemon yellow, charcoal, mauve, peach, potter's pink, dusk, lilac, sienna) that supports editorial accents while keeping Oxford Blue as the unmistakable institutional anchor. The voice is restrained, heritage-aware, and protective of the belted-crest mark.
1 palette 4 fonts 0 assets 9 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/oxford/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/oxford/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.
Oxford
The University of Oxford — the English-speaking world's oldest university, whose institutional identity rests on Oxford Blue (#002147 — Pantone 282), the colour the University has been recognised by worldwide for centuries. Oxford pairs the institutional blue with a warm-neutral grey ramp, an off-white canvas, and an eight-colour secondary palette (cerulean blue, lemon yellow, charcoal, mauve, peach, potter's pink, dusk, lilac, sienna) that supports editorial accents while keeping Oxford Blue as the unmistakable institutional anchor. The voice is restrained, heritage-aware, and protective of the belted-crest mark.
Tags: oxford, university, education, oxford-blue, heritage, conservative-institutional, light-first
Atoms
Palette
Oxford · [email protected] · Proprietary — All Rights Reserved (Oxford trademarks)
The University of Oxford brand palette as published in the Oxford visual identity guidelines. The institutional anchor is Oxford Blue (#002147 — Pantone 282), the colour the University has been identified by worldwide for centuries. A secondary palette of named "Oxford" colours (cerulean blue, lemon yellow, charcoal, mauve, peach, potter's pink, dusk, lilac, sienna) supports layouts and editorial accents, with a five-stop neutral set (ash grey, umber, stone grey, shell grey, off white) used selectively alongside the core.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
body |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
serif |
Lora ([email protected]) |
OFL-1.1 | serif |
mono |
JetBrainsMono Nerd Font ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
oxford-blue |
Oxford Blue | #002147 |
white |
White | #FFFFFF |
oxford-off-white |
Oxford Off White | #F2F0F0 |
oxford-ash-grey |
Oxford Ash Grey | #61615F |
oxford-umber |
Oxford Umber | #89827A |
oxford-stone-grey |
Oxford Stone Grey | #D9D8D6 |
oxford-shell-grey |
Oxford Shell Grey | #F1EEE9 |
oxford-charcoal |
Oxford Charcoal | #211D1C |
oxford-cerulean-blue |
Oxford Cerulean Blue | #49B6FF |
oxford-lemon-yellow |
Oxford Lemon Yellow | #F7EF66 |
oxford-mauve |
Oxford Mauve | #776885 |
oxford-peach |
Oxford Peach | #E08D79 |
oxford-potters-pink |
Oxford Potter's Pink | #ED9390 |
oxford-dusk |
Oxford Dusk | #C4A29E |
oxford-lilac |
Oxford Lilac | #D1BDD5 |
oxford-sienna |
Oxford Sienna | #994636 |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
white |
#FFFFFF |
surface |
oxford-shell-grey |
#F1EEE9 |
surface-elevated |
white |
#FFFFFF |
text-primary |
oxford-charcoal |
#211D1C |
text-secondary |
oxford-ash-grey |
#61615F |
text-tertiary |
oxford-umber |
#89827A |
primary |
oxford-blue |
#002147 |
primary-hover |
oxford-charcoal |
#211D1C |
accent |
oxford-cerulean-blue |
#49B6FF |
accent-hover |
oxford-blue |
#002147 |
warning |
oxford-lemon-yellow |
#F7EF66 |
warning-hover |
oxford-peach |
#E08D79 |
error |
oxford-sienna |
#994636 |
success |
oxford-blue |
#002147 |
border |
oxford-stone-grey |
#D9D8D6 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
oxford-charcoal |
#211D1C |
surface |
oxford-ash-grey |
#61615F |
surface-elevated |
oxford-umber |
#89827A |
text-primary |
white |
#FFFFFF |
text-secondary |
oxford-stone-grey |
#D9D8D6 |
text-tertiary |
oxford-shell-grey |
#F1EEE9 |
primary |
oxford-cerulean-blue |
#49B6FF |
primary-hover |
oxford-blue |
#002147 |
accent |
oxford-cerulean-blue |
#49B6FF |
accent-hover |
oxford-blue |
#002147 |
warning |
oxford-lemon-yellow |
#F7EF66 |
warning-hover |
oxford-peach |
#E08D79 |
error |
oxford-sienna |
#994636 |
success |
oxford-cerulean-blue |
#49B6FF |
border |
oxford-ash-grey |
#61615F |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
white |
#FFFFFF |
on-identity |
oxford-charcoal |
#211D1C |
primary |
oxford-blue |
#002147 |
primary-hover |
oxford-charcoal |
#211D1C |
accent |
oxford-cerulean-blue |
#49B6FF |
accent-hover |
oxford-blue |
#002147 |
mark |
oxford-blue |
#002147 |
success |
oxford-blue |
#002147 |
warning |
oxford-lemon-yellow |
#F7EF66 |
error |
oxford-sienna |
#994636 |
text-primary-light |
oxford-charcoal |
#211D1C |
text-primary-dark |
white |
#FFFFFF |
background-light |
white |
#FFFFFF |
background-dark |
oxford-charcoal |
#211D1C |
surface-light |
oxford-shell-grey |
#F1EEE9 |
surface-dark |
oxford-ash-grey |
#61615F |
text-secondary-light |
oxford-ash-grey |
#61615F |
text-tertiary-light |
oxford-umber |
#89827A |
border-light |
oxford-stone-grey |
#D9D8D6 |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (6)
colorChoice → roles.colors.primary
- allowed: oxford-blue
- forbidden: oxford-cerulean-blue, oxford-lemon-yellow, oxford-mauve, oxford-peach, oxford-potters-pink, oxford-dusk, oxford-lilac, oxford-sienna
Oxford Blue (#002147 — Pantone 282) is the institutional colour and the only swatch authorized to act as the primary brand anchor. The Oxford brand guidelines describe the blue as the colour "recognised worldwide as our identifying colour" — the secondary palette supports but never substitutes for it.
colorChoice → roles.colors.mark
- allowed: oxford-blue, oxford-charcoal, white
- forbidden: oxford-cerulean-blue, oxford-sienna, oxford-potters-pink, oxford-mauve, oxford-peach
The Oxford coat of arms and belted-crest mark are reproduced in Oxford Blue, near-black Oxford Charcoal, or reversed in white only. Secondary palette colours MUST NOT be used to colorize the institutional mark.
contrastRatio → text-primary
- against:
background - minRatio:
7 - standard:
WCAG-AAA
Oxford Charcoal (#211D1C) on white gives ~17:1 — clears AAA decisively. The University's scholarly long-form posture, statutory obligations under the UK Equality Act, and the publishing weight of ox.ac.uk justify the enhanced 7:1 floor rather than the AA 4.5:1 minimum.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, outlined, gradient-fill, on-busy-photo, tilted, cropped
Oxford's brand guidelines prohibit stretching, rotating, recolouring, outlining, applying drop-shadow or gradient fills, or placing the coat of arms or belted-crest mark on busy photographic backgrounds. Marks render in approved colourways only with documented clear-space.
fontPairing → typography.display
- requires:
prose - minSizeRatio:
1.5
Oxford's editorial hierarchy pairs a large display sans (or its serif companion) with body text at a minimum 1.5× ratio. The University's scholarly voice depends on that explicit gap between display and prose; flattening below 1.5× breaks the typographic hierarchy.
contextRestriction → roles.colors.warning
- forbiddenContexts: error-state, destructive-action, confirmation
- allowedContexts: warning-state, highlight, editorial-emphasis
Oxford Lemon Yellow (#F7EF66) is the pale editorial highlight in the secondary palette. Using it for hard errors or confirmation states is inconsistent with its documented soft-emphasis role.
⚠️ warning (2)
enumMembership → typography.heading.fontWeight
- allowed: 400, 500, 600, 700
The Oxford editorial type ramp uses Regular (400), Medium (500), SemiBold (600), and Bold (700) across surfaces. Heavier display cuts (800/900) are not part of the documented institutional ramp.
accessibilityRequirement → *
- standard:
WCAG-AAA - criterion:
1.4.6
WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. Oxford's scholarly posture and obligations under the UK Equality Act to a diverse academic and public audience justify the enhanced 7:1 target on core text-on-background pairs.
💡 recommendation (1)
compositionConstraint → roles.colors.primary
- pairsWith: white, oxford-off-white, oxford-shell-grey, oxford-charcoal
- doesNotPairWith: oxford-potters-pink, oxford-peach, oxford-dusk
Oxford Blue reads cleanest on white, the warm Oxford off white / shell grey, or against the near-black Oxford Charcoal. Adjacent to the muted warm pinks (potter's pink, peach, dusk) the institutional blue loses the calm authority the heritage colour is designed to project.
Provenance
- Source: https://www.ox.ac.uk/about/the-university/brand/guidelines
- License:
Proprietary — All Rights Reserved (Oxford trademarks) - Attribution: The Chancellor, Masters, and Scholars of the University of Oxford — visual identity captured from the University of Oxford brand guidelines page on ox.ac.uk. "Oxford," "University of Oxford," the Oxford coat of arms, and the belted-crest mark are protected marks of the University of Oxford.
- Imported:
2026-05-19 - Notes: The University publishes a proprietary type family (Foundry Sterling and a paired serif) for institutional use. This atom references inter@1 as the open-source sans substitute, lora@1 as the serif substitute (a humanist serif consistent with Oxford's traditional voice), and jetbrainsmono-nerdfont@1 for code. The proprietary faces are not publicly distributed and assets are kept empty per trademark policy. Oxford Blue is documented as Pantone 282 across the central University brand guidance; the Wikipedia Oxford Blue entry corroborates #002147 as the hex equivalent. Scoped to the parent University only — the constituent colleges (Christ Church, Magdalen, Balliol, etc.) and the Oxford University Press identity are out of scope and have their own brand systems.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by Oxford
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.
Oxford
A clear hierarchy in Oxford'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
Oxford
[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 · serif
Lora
[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
→ oxford-cerulean-blue #49B6FF accent-hover
→ oxford-blue #002147 background-dark
→ oxford-charcoal #211D1C background-light
→ white #FFFFFF border-light
→ oxford-stone-grey #D9D8D6 error
→ oxford-sienna #994636 identity
→ white #FFFFFF mark
→ oxford-blue #002147 on-identity
→ oxford-charcoal #211D1C primary
→ oxford-blue #002147 primary-hover
→ oxford-charcoal #211D1C success
→ oxford-blue #002147 surface-dark
→ oxford-ash-grey #61615F surface-light
→ oxford-shell-grey #F1EEE9 text-primary-dark
→ white #FFFFFF text-primary-light
→ oxford-charcoal #211D1C text-secondary-light
→ oxford-ash-grey #61615F text-tertiary-light
→ oxford-umber #89827A warning
→ oxford-lemon-yellow #F7EF66 Typography
code
→ mono JetBrainsMono Nerd Font display
→ heading Inter prose
→ body Inter Palette mode mappings (from oxford)
Light mode (15 roles)
accent
→ oxford-cerulean-blue accent-hover
→ oxford-blue background
→ white border
→ oxford-stone-grey error
→ oxford-sienna primary
→ oxford-blue primary-hover
→ oxford-charcoal success
→ oxford-blue surface
→ oxford-shell-grey surface-elevated
→ white text-primary
→ oxford-charcoal text-secondary
→ oxford-ash-grey text-tertiary
→ oxford-umber warning
→ oxford-lemon-yellow warning-hover
→ oxford-peach Dark mode (15 roles)
accent
→ oxford-cerulean-blue accent-hover
→ oxford-blue background
→ oxford-charcoal border
→ oxford-ash-grey error
→ oxford-sienna primary
→ oxford-cerulean-blue primary-hover
→ oxford-blue success
→ oxford-cerulean-blue surface
→ oxford-ash-grey surface-elevated
→ oxford-umber text-primary
→ white text-secondary
→ oxford-stone-grey text-tertiary
→ oxford-shell-grey warning
→ oxford-lemon-yellow warning-hover
→ oxford-peach Rules (9 typed constraints)
error · 6 rules
colorChoice roles.colors.primary allowed oxford-blue forbidden oxford-cerulean-blue, oxford-lemon-yellow, oxford-mauve, oxford-peach, oxford-potters-pink, oxford-dusk, oxford-lilac, oxford-sienna Oxford Blue (#002147 — Pantone 282) is the institutional colour and the only swatch authorized to act as the primary brand anchor. The Oxford brand guidelines describe the blue as the colour "recognised worldwide as our identifying colour" — the secondary palette supports but never substitutes for it.
colorChoice roles.colors.mark allowed oxford-blue, oxford-charcoal, white forbidden oxford-cerulean-blue, oxford-sienna, oxford-potters-pink, oxford-mauve, oxford-peach The Oxford coat of arms and belted-crest mark are reproduced in Oxford Blue, near-black Oxford Charcoal, or reversed in white only. Secondary palette colours MUST NOT be used to colorize the institutional mark.
contrastRatio text-primary against background minRatio 7 standard WCAG-AAA Oxford Charcoal (#211D1C) on white gives ~17:1 — clears AAA decisively. The University's scholarly long-form posture, statutory obligations under the UK Equality Act, and the publishing weight of ox.ac.uk justify the enhanced 7:1 floor rather than the AA 4.5:1 minimum.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, outlined, gradient-fill, on-busy-photo, tilted, cropped Oxford's brand guidelines prohibit stretching, rotating, recolouring, outlining, applying drop-shadow or gradient fills, or placing the coat of arms or belted-crest mark on busy photographic backgrounds. Marks render in approved colourways only with documented clear-space.
fontPairing typography.display requires prose minSizeRatio 1.5 Oxford's editorial hierarchy pairs a large display sans (or its serif companion) with body text at a minimum 1.5× ratio. The University's scholarly voice depends on that explicit gap between display and prose; flattening below 1.5× breaks the typographic hierarchy.
contextRestriction roles.colors.warning forbiddenContexts error-state, destructive-action, confirmation allowedContexts warning-state, highlight, editorial-emphasis Oxford Lemon Yellow (#F7EF66) is the pale editorial highlight in the secondary palette. Using it for hard errors or confirmation states is inconsistent with its documented soft-emphasis role.
warning · 2 rules
enumMembership typography.heading.fontWeight allowed 400, 500, 600, 700 The Oxford editorial type ramp uses Regular (400), Medium (500), SemiBold (600), and Bold (700) across surfaces. Heavier display cuts (800/900) are not part of the documented institutional ramp.
accessibilityRequirement * standard WCAG-AAA criterion 1.4.6 WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. Oxford's scholarly posture and obligations under the UK Equality Act to a diverse academic and public audience justify the enhanced 7:1 target on core text-on-background pairs.
recommendation · 1 rule
compositionConstraint roles.colors.primary pairsWith white, oxford-off-white, oxford-shell-grey, oxford-charcoal doesNotPairWith oxford-potters-pink, oxford-peach, oxford-dusk Oxford Blue reads cleanest on white, the warm Oxford off white / shell grey, or against the near-black Oxford Charcoal. Adjacent to the muted warm pinks (potter's pink, peach, dusk) the institutional blue loses the calm authority the heritage colour is designed to project.
Provenance
- Source
- https://www.ox.ac.uk/about/the-university/brand/guidelines
- License
Proprietary — All Rights Reserved (Oxford trademarks)- Attribution
- The Chancellor, Masters, and Scholars of the University of Oxford — visual identity captured from the University of Oxford brand guidelines page on ox.ac.uk. "Oxford," "University of Oxford," the Oxford coat of arms, and the belted-crest mark are protected marks of the University of Oxford.
- Imported
2026-05-19- Notes
- The University publishes a proprietary type family (Foundry Sterling and a paired serif) for institutional use. This atom references inter@1 as the open-source sans substitute, lora@1 as the serif substitute (a humanist serif consistent with Oxford's traditional voice), and jetbrainsmono-nerdfont@1 for code. The proprietary faces are not publicly distributed and assets are kept empty per trademark policy. Oxford Blue is documented as Pantone 282 across the central University brand guidance; the Wikipedia Oxford Blue entry corroborates #002147 as the hex equivalent. Scoped to the parent University only — the constituent colleges (Christ Church, Magdalen, Balliol, etc.) and the Oxford University Press identity are out of scope and have their own brand systems.