W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Oracle
Oracle is the enterprise database and cloud-applications company — ERP, CRM, infrastructure, autonomous database. The brand voice is conservative corporate: deep "Oracle Ink" (#161513) text on a warm light "Oracle Stone" canvas, a deep graphite "Oracle Graphite" (#312D2A) primary CTA fill, and the historical "Oracle Red" (#C0533F) reserved for the mark and brand-feature accent surfaces. Typography on oracle.com is the proprietary "OracleSans" variable face paired with a Georgia serif fallback and a Consolas mono; the brand is light-first.
1 palette 3 fonts 0 assets 9 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/oracle/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/oracle/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.
Oracle
Oracle is the enterprise database and cloud-applications company — ERP, CRM, infrastructure, autonomous database. The brand voice is conservative corporate: deep "Oracle Ink" (#161513) text on a warm light "Oracle Stone" canvas, a deep graphite "Oracle Graphite" (#312D2A) primary CTA fill, and the historical "Oracle Red" (#C0533F) reserved for the mark and brand-feature accent surfaces. Typography on oracle.com is the proprietary "OracleSans" variable face paired with a Georgia serif fallback and a Consolas mono; the brand is light-first.
Tags: oracle, enterprise, corporate, red, light-first, conservative, database
Atoms
Palette
Oracle · [email protected] · Proprietary — All Rights Reserved
Oracle's brand palette, captured from the live oracle.com stylesheet where the design system exposes a named token set on :root (--txtcolor, --thm-base, --thm-accent, --obttn1bg, --linkcolor, --form-error, --form-focusonlgt). The brand reads as conservative corporate: a deep "Oracle Ink" near-black text (#161513), a warm light "Oracle Stone" canvas (#F1EFED), a deep graphite CTA button surface (#312D2A), the historical "Oracle Red" (#C0533F) sampled live as a feature-module accent, and a trust-blue link (#006B8F). The brand is light-first; the dark inversion uses Oracle Coal as a near-black product canvas.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Public Sans ([email protected]) |
OFL-1.1 | sans-serif |
body |
Public Sans ([email protected]) |
OFL-1.1 | sans-serif |
mono |
Source Code Pro ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
oracle-red |
Oracle Red | #C0533F |
oracle-red-deep |
Oracle Red Deep | #A03D2C |
oracle-canvas |
Oracle Canvas | #FFFFFF |
oracle-stone |
Oracle Stone | #F1EFED |
oracle-stone-disabled |
Oracle Stone Disabled | #FBF9F8 |
oracle-border |
Oracle Border | #E4E1DD |
oracle-ink |
Oracle Ink | #161513 |
oracle-ink-secondary |
Oracle Ink Secondary | #464F4F |
oracle-ink-tertiary |
Oracle Ink Tertiary | #697778 |
oracle-ink-disabled |
Oracle Ink Disabled | #AEA8A2 |
oracle-graphite |
Oracle Graphite | #312D2A |
oracle-graphite-hover |
Oracle Graphite Hover | #3A3632 |
oracle-coal |
Oracle Coal | #201E1C |
oracle-coal-elevated |
Oracle Coal Elevated | #312D2A |
oracle-mist |
Oracle Mist | #C2D4D4 |
oracle-mist-deep |
Oracle Mist Deep | #8B9D9E |
oracle-link |
Oracle Link | #006B8F |
oracle-focus |
Oracle Focus | #227E9E |
oracle-error |
Oracle Error | #D63B25 |
oracle-link-invert |
Oracle Link Invert | #F0CC71 |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
oracle-canvas |
#FFFFFF |
surface |
oracle-stone |
#F1EFED |
surface-elevated |
oracle-canvas |
#FFFFFF |
text-primary |
oracle-ink |
#161513 |
text-secondary |
oracle-ink-secondary |
#464F4F |
text-tertiary |
oracle-ink-tertiary |
#697778 |
primary |
oracle-graphite |
#312D2A |
primary-hover |
oracle-graphite-hover |
#3A3632 |
accent |
oracle-red |
#C0533F |
accent-hover |
oracle-red-deep |
#A03D2C |
success |
oracle-link |
#006B8F |
warning |
oracle-red |
#C0533F |
error |
oracle-error |
#D63B25 |
border |
oracle-border |
#E4E1DD |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
oracle-coal |
#201E1C |
surface |
oracle-coal-elevated |
#312D2A |
surface-elevated |
oracle-ink-secondary |
#464F4F |
text-primary |
oracle-canvas |
#FFFFFF |
text-secondary |
oracle-stone |
#F1EFED |
text-tertiary |
oracle-ink-tertiary |
#697778 |
primary |
oracle-canvas |
#FFFFFF |
primary-hover |
oracle-stone |
#F1EFED |
accent |
oracle-red |
#C0533F |
accent-hover |
oracle-red-deep |
#A03D2C |
success |
oracle-mist |
#C2D4D4 |
warning |
oracle-red |
#C0533F |
error |
oracle-error |
#D63B25 |
border |
oracle-ink-secondary |
#464F4F |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
oracle-stone |
#F1EFED |
on-identity |
oracle-ink |
#161513 |
primary |
oracle-graphite |
#312D2A |
primary-hover |
oracle-graphite-hover |
#3A3632 |
accent |
oracle-red |
#C0533F |
accent-hover |
oracle-red-deep |
#A03D2C |
mark |
oracle-red |
#C0533F |
success |
oracle-link |
#006B8F |
warning |
oracle-red |
#C0533F |
error |
oracle-error |
#D63B25 |
text-primary-light |
oracle-ink |
#161513 |
text-primary-dark |
oracle-canvas |
#FFFFFF |
background-light |
oracle-canvas |
#FFFFFF |
background-dark |
oracle-coal |
#201E1C |
surface-light |
oracle-stone |
#F1EFED |
surface-dark |
oracle-coal-elevated |
#312D2A |
text-secondary-light |
oracle-ink-secondary |
#464F4F |
text-tertiary-light |
oracle-ink-tertiary |
#697778 |
border-light |
oracle-border |
#E4E1DD |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (6)
colorChoice → roles.colors.mark
- allowed: oracle-red, oracle-red-deep, oracle-ink, oracle-canvas
- forbidden: oracle-graphite, oracle-mist, oracle-link, oracle-error
The Oracle wordmark renders in Oracle Red on light surfaces, in Oracle Ink monochrome on light surfaces, or in Oracle Canvas (white) monochrome on dark surfaces. The graphite is the CTA button fill, not a mark color; oracle-error is form- validation red, not the brand mark red.
colorChoice → roles.colors.primary
- allowed: oracle-graphite, oracle-graphite-hover, oracle-canvas
- forbidden: oracle-red, oracle-mist, oracle-link
The primary CTA fill on oracle.com is the deep warm graphite (--obttn1bg = #312D2A), not the brand red. Oracle's conservative-corporate voice reserves the red for the mark and for editorial feature surfaces; using it as a button fill breaks the calm enterprise rhythm.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo
Oracle's wordmark is a calibrated red lockup with strict clearspace. Stretching, rotating, drop-shadowing, or gradient-filling the mark conflicts with the conservative- corporate voice that the live oracle.com surface establishes.
contrastRatio → text-primary
- against:
background - minRatio:
7 - standard:
WCAG-AAA
Oracle Ink (#161513) on Oracle Canvas (#FFFFFF) reads at ~19:1 — clearing WCAG AAA decisively. Oracle's enterprise documentation surface, with dense long-form product copy and regulatory-grade disclosures, justifies the AAA contrast target rather than the AA floor.
contextRestriction → roles.colors.accent
- forbiddenContexts: body-text, button-fill-primary, background-canvas
- allowedContexts: mark, feature-accent, brand-emphasis
Oracle Red is the mark and feature-accent color. The brand's conservative posture forbids using it as a body-text tone, a primary CTA fill (that role is reserved for oracle-graphite), or a wash canvas — those uses break the editorial rhythm of red-as-punctuation that the live brand surface establishes.
fontPairing → typography.display
- requires:
prose - minSizeRatio:
1.5
OracleSans display headlines pair with the same family for body prose at a deliberate size step; a 1.5× minimum display-to-prose size ratio preserves the institutional hierarchy that oracle.com establishes between section headlines and long-form product copy.
⚠️ warning (2)
enumMembership → typography.heading.fontWeight
- allowed: 300, 350, 400, 500, 600, 700
The live oracle.com surface declares --base-weight: 350 and renders display headings at the 300–700 weight band on the proprietary OracleSans variable face. Heavier weights are not part of the published display set.
accessibilityRequirement → *
- standard:
WCAG-AAA - criterion:
1.4.6
WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. Oracle's enterprise documentation surface, with dense regulatory and long-form product copy, justifies the enhanced 7:1 target rather than the AA 4.5:1 floor.
💡 recommendation (1)
compositionConstraint → roles.colors.accent
- pairsWith: oracle-canvas, oracle-stone, oracle-ink
- doesNotPairWith: oracle-error, oracle-link, oracle-mist
Oracle Red reads cleanest against the warm Oracle Stone canvas, the bright Oracle Canvas, or against deep Oracle Ink text. Adjacent to the form-error red, link blue, or mist teal, the brand red loses its editorial emphasis and reads as just another saturated swatch in a noisy palette.
Provenance
- Source: https://www.oracle.com/
- License:
Proprietary — All Rights Reserved - Attribution: Oracle and the Oracle mark are trademarks of Oracle Corporation. Visual identity captured from the deployed stylesheet on oracle.com (--txtcolor, --thm-*, --obttn1bg, --linkcolor, --oraclesans, --oracleserif, --oraclemono token families).
- Imported:
2026-05-19 - Notes: Derived from live site CSS at https://www.oracle.com/ on 2026-05-19; no public brand-guidelines page located. Oracle's public-facing brand identity is documented inside its redwood-design system pages but not at a single consumer-readable URL. The proprietary "OracleSansVF" variable face is declared via @font-face on oracle.com but is not publicly distributed; Public Sans is the open-source rendering substitute. The historical Oracle Red is sampled live from a feature-module background at #C0533F — the modern slightly-desaturated cut rather than the legacy saturated #F80000.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by Oracle
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.
Oracle
A clear hierarchy in Oracle'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
Oracle
[email protected]font · heading
Public Sans
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · body
Public Sans
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · mono
Source Code Pro
[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
→ oracle-red #C0533F accent-hover
→ oracle-red-deep #A03D2C background-dark
→ oracle-coal #201E1C background-light
→ oracle-canvas #FFFFFF border-light
→ oracle-border #E4E1DD error
→ oracle-error #D63B25 identity
→ oracle-stone #F1EFED mark
→ oracle-red #C0533F on-identity
→ oracle-ink #161513 primary
→ oracle-graphite #312D2A primary-hover
→ oracle-graphite-hover #3A3632 success
→ oracle-link #006B8F surface-dark
→ oracle-coal-elevated #312D2A surface-light
→ oracle-stone #F1EFED text-primary-dark
→ oracle-canvas #FFFFFF text-primary-light
→ oracle-ink #161513 text-secondary-light
→ oracle-ink-secondary #464F4F text-tertiary-light
→ oracle-ink-tertiary #697778 warning
→ oracle-red #C0533F Typography
code
→ mono Source Code Pro display
→ heading Public Sans prose
→ body Public Sans Palette mode mappings (from oracle)
Light mode (14 roles)
accent
→ oracle-red accent-hover
→ oracle-red-deep background
→ oracle-canvas border
→ oracle-border error
→ oracle-error primary
→ oracle-graphite primary-hover
→ oracle-graphite-hover success
→ oracle-link surface
→ oracle-stone surface-elevated
→ oracle-canvas text-primary
→ oracle-ink text-secondary
→ oracle-ink-secondary text-tertiary
→ oracle-ink-tertiary warning
→ oracle-red Dark mode (14 roles)
accent
→ oracle-red accent-hover
→ oracle-red-deep background
→ oracle-coal border
→ oracle-ink-secondary error
→ oracle-error primary
→ oracle-canvas primary-hover
→ oracle-stone success
→ oracle-mist surface
→ oracle-coal-elevated surface-elevated
→ oracle-ink-secondary text-primary
→ oracle-canvas text-secondary
→ oracle-stone text-tertiary
→ oracle-ink-tertiary warning
→ oracle-red Rules (9 typed constraints)
error · 6 rules
colorChoice roles.colors.mark allowed oracle-red, oracle-red-deep, oracle-ink, oracle-canvas forbidden oracle-graphite, oracle-mist, oracle-link, oracle-error The Oracle wordmark renders in Oracle Red on light surfaces, in Oracle Ink monochrome on light surfaces, or in Oracle Canvas (white) monochrome on dark surfaces. The graphite is the CTA button fill, not a mark color; oracle-error is form- validation red, not the brand mark red.
colorChoice roles.colors.primary allowed oracle-graphite, oracle-graphite-hover, oracle-canvas forbidden oracle-red, oracle-mist, oracle-link The primary CTA fill on oracle.com is the deep warm graphite (--obttn1bg = #312D2A), not the brand red. Oracle's conservative-corporate voice reserves the red for the mark and for editorial feature surfaces; using it as a button fill breaks the calm enterprise rhythm.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo Oracle's wordmark is a calibrated red lockup with strict clearspace. Stretching, rotating, drop-shadowing, or gradient-filling the mark conflicts with the conservative- corporate voice that the live oracle.com surface establishes.
contrastRatio text-primary against background minRatio 7 standard WCAG-AAA Oracle Ink (#161513) on Oracle Canvas (#FFFFFF) reads at ~19:1 — clearing WCAG AAA decisively. Oracle's enterprise documentation surface, with dense long-form product copy and regulatory-grade disclosures, justifies the AAA contrast target rather than the AA floor.
contextRestriction roles.colors.accent forbiddenContexts body-text, button-fill-primary, background-canvas allowedContexts mark, feature-accent, brand-emphasis Oracle Red is the mark and feature-accent color. The brand's conservative posture forbids using it as a body-text tone, a primary CTA fill (that role is reserved for oracle-graphite), or a wash canvas — those uses break the editorial rhythm of red-as-punctuation that the live brand surface establishes.
fontPairing typography.display requires prose minSizeRatio 1.5 OracleSans display headlines pair with the same family for body prose at a deliberate size step; a 1.5× minimum display-to-prose size ratio preserves the institutional hierarchy that oracle.com establishes between section headlines and long-form product copy.
warning · 2 rules
enumMembership typography.heading.fontWeight allowed 300, 350, 400, 500, 600, 700 The live oracle.com surface declares --base-weight: 350 and renders display headings at the 300–700 weight band on the proprietary OracleSans variable face. Heavier weights are not part of the published display set.
accessibilityRequirement * standard WCAG-AAA criterion 1.4.6 WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. Oracle's enterprise documentation surface, with dense regulatory and long-form product copy, justifies the enhanced 7:1 target rather than the AA 4.5:1 floor.
recommendation · 1 rule
compositionConstraint roles.colors.accent pairsWith oracle-canvas, oracle-stone, oracle-ink doesNotPairWith oracle-error, oracle-link, oracle-mist Oracle Red reads cleanest against the warm Oracle Stone canvas, the bright Oracle Canvas, or against deep Oracle Ink text. Adjacent to the form-error red, link blue, or mist teal, the brand red loses its editorial emphasis and reads as just another saturated swatch in a noisy palette.
Provenance
- Source
- https://www.oracle.com/
- License
Proprietary — All Rights Reserved- Attribution
- Oracle and the Oracle mark are trademarks of Oracle Corporation. Visual identity captured from the deployed stylesheet on oracle.com (--txtcolor, --thm-*, --obttn1bg, --linkcolor, --oraclesans, --oracleserif, --oraclemono token families).
- Imported
2026-05-19- Notes
- Derived from live site CSS at https://www.oracle.com/ on 2026-05-19; no public brand-guidelines page located. Oracle's public-facing brand identity is documented inside its redwood-design system pages but not at a single consumer-readable URL. The proprietary "OracleSansVF" variable face is declared via @font-face on oracle.com but is not publicly distributed; Public Sans is the open-source rendering substitute. The historical Oracle Red is sampled live from a feature-module background at #C0533F — the modern slightly-desaturated cut rather than the legacy saturated #F80000.