W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Eclipse Foundation
The Eclipse Foundation is a member-supported European AISBL (formerly Delaware nonprofit) that stewards the Eclipse IDE, Jakarta EE, Adoptium (the Temurin JDK distribution), Mosquitto, Vert.x, MicroProfile, the Software Defined Vehicle Working Group, and over four hundred other open-source projects. The brand voice is industrial, enterprise-aware, and ecosystem-first — long-running working groups, vendor-neutral governance, and a strong tradition of Java/JVM tooling. Visually, Eclipse pairs an Eclipse Orange (#F06C02) sun-arc with a near-black wordmark on a clean white canvas — the 2024-refresh expression that anchors current Foundation surfaces.
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/eclipse/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/eclipse/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.
Eclipse Foundation
The Eclipse Foundation is a member-supported European AISBL (formerly Delaware nonprofit) that stewards the Eclipse IDE, Jakarta EE, Adoptium (the Temurin JDK distribution), Mosquitto, Vert.x, MicroProfile, the Software Defined Vehicle Working Group, and over four hundred other open-source projects. The brand voice is industrial, enterprise-aware, and ecosystem-first — long-running working groups, vendor-neutral governance, and a strong tradition of Java/JVM tooling. Visually, Eclipse pairs an Eclipse Orange (#F06C02) sun-arc with a near-black wordmark on a clean white canvas — the 2024-refresh expression that anchors current Foundation surfaces.
Tags: eclipse, foundation, ide, jakarta-ee, open-source, brand, orange, java
Atoms
Palette
Eclipse Foundation · [email protected] · Proprietary — All Rights Reserved
Eclipse Foundation brand palette anchored on Eclipse Orange (#F06C02) — the fill of the sun-arc element in the modern Eclipse Foundation logo — paired with a near-black wordmark on a clean white canvas. The Foundation stewards the Eclipse IDE, Jakarta EE, Adoptium (Temurin), Mosquitto, Vert.x, MicroProfile, and a broad portfolio of working groups spanning enterprise, embedded, and research open-source.
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 |
|---|---|---|
eclipse-orange |
Eclipse Orange | #F06C02 |
eclipse-orange-dark |
Eclipse Orange Dark | #C75300 |
eclipse-amber |
Eclipse Amber | #F7941E |
eclipse-black |
Eclipse Black | #111418 |
eclipse-charcoal |
Eclipse Charcoal | #1F252E |
eclipse-slate |
Eclipse Slate | #3D4654 |
eclipse-gray |
Eclipse Gray | #6B7280 |
eclipse-light-gray |
Eclipse Light Gray | #D6DAE0 |
eclipse-off-white |
Eclipse Off-White | #F5F6F8 |
eclipse-white |
Eclipse White | #FFFFFF |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
eclipse-white |
#FFFFFF |
surface |
eclipse-off-white |
#F5F6F8 |
surface-elevated |
eclipse-white |
#FFFFFF |
text-primary |
eclipse-black |
#111418 |
text-secondary |
eclipse-slate |
#3D4654 |
text-tertiary |
eclipse-gray |
#6B7280 |
primary |
eclipse-black |
#111418 |
primary-hover |
eclipse-orange-dark |
#C75300 |
accent |
eclipse-orange |
#F06C02 |
accent-hover |
eclipse-orange-dark |
#C75300 |
warning |
eclipse-amber |
#F7941E |
warning-hover |
eclipse-orange |
#F06C02 |
error |
eclipse-orange-dark |
#C75300 |
success |
eclipse-slate |
#3D4654 |
border |
eclipse-light-gray |
#D6DAE0 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
eclipse-black |
#111418 |
surface |
eclipse-charcoal |
#1F252E |
surface-elevated |
eclipse-charcoal |
#1F252E |
text-primary |
eclipse-white |
#FFFFFF |
text-secondary |
eclipse-light-gray |
#D6DAE0 |
text-tertiary |
eclipse-orange |
#F06C02 |
primary |
eclipse-orange |
#F06C02 |
primary-hover |
eclipse-amber |
#F7941E |
accent |
eclipse-orange |
#F06C02 |
accent-hover |
eclipse-amber |
#F7941E |
warning |
eclipse-amber |
#F7941E |
warning-hover |
eclipse-orange |
#F06C02 |
error |
eclipse-orange-dark |
#C75300 |
success |
eclipse-light-gray |
#D6DAE0 |
border |
eclipse-slate |
#3D4654 |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
eclipse-black |
#111418 |
on-identity |
eclipse-white |
#FFFFFF |
primary |
eclipse-black |
#111418 |
primary-hover |
eclipse-orange-dark |
#C75300 |
accent |
eclipse-orange |
#F06C02 |
accent-hover |
eclipse-orange-dark |
#C75300 |
mark |
eclipse-orange |
#F06C02 |
background |
eclipse-white |
#FFFFFF |
surface |
eclipse-off-white |
#F5F6F8 |
text-primary |
eclipse-black |
#111418 |
text-secondary |
eclipse-slate |
#3D4654 |
error |
eclipse-orange-dark |
#C75300 |
success |
eclipse-slate |
#3D4654 |
border |
eclipse-light-gray |
#D6DAE0 |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (5)
colorChoice → roles.colors.mark
- allowed: eclipse-orange, eclipse-amber
- forbidden: eclipse-black, eclipse-slate, eclipse-gray
The Eclipse Foundation sun-arc element is rendered in Eclipse Orange (#F06C02). The Monochromatic variant (black-on-white or white-on-black) is permitted only as a single-color variant per the Logo Guidelines — using slate or gray for the colored sun-arc is not a documented variant and creates an off-brand expression.
forbiddenTreatment → logo
- treatments: recolored, rotated, stretched, skewed, drop-shadow, gradient-fill, sun-arc-detached-from-wordmark, sun-arc-recolored, undocumented-variant
The Eclipse Foundation Logo Guidelines permit only three variants — Colour, Reversed Colour, and Monochromatic. Detaching the sun arc from the wordmark, recoloring the arc to a non-orange hue, rotation, skewing, stretching, and drop-shadow treatments are not documented and conflict with the guidelines' canonical variant set.
contextRestriction → trademark.use
- forbiddenContexts: implied-endorsement, product-name-prefix-without-approval, eclipse-ide-mark-substituted-for-foundation-mark, built-on-eclipse-without-eligibility, eclipse-ready-without-eligibility
Eclipse marks are program-specific. The "Built on Eclipse" and "Eclipse Ready" supplementary marks have explicit eligibility requirements (products built on the Eclipse Platform / passing the Eclipse Ready program review respectively). The Eclipse IDE mark is distinct from the Foundation mark; substituting one for the other implies endorsements that do not exist.
contrastRatio → text-primary
- against:
background - minRatio:
7 - standard:
WCAG-AAA
Eclipse Black (#111418) on Eclipse White exceeds 17:1 — clears WCAG AAA decisively. Eclipse documentation surfaces — release notes, JEP-like project proposals, working-group charters — benefit from AAA-grade legibility.
accessibilityRequirement → *
- standard:
WCAG-AA - criterion:
1.4.3
WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Eclipse Foundation surfaces span developer tooling, enterprise specifications, and public policy documents; AA contrast is the floor.
⚠️ warning (2)
variantSelection → logo
- use:
reversed-colour - when:
surface="dark"
Per the Eclipse Foundation Logo Guidelines, the Reversed Colour variant is the permitted expression of the logo on dark backgrounds. Do not invert hue or generate ad-hoc dark-mode renderings; use the official reversed-colour asset.
contrastRatio → roles.colors.accent
- against:
background - minRatio:
3 - standard:
WCAG-AA-large
Eclipse Orange (#F06C02) on White sits around 3.6:1 — clears AA-large for headlines and the sun-arc element but does NOT clear AA for body text. Reserve the orange for the mark, large display surfaces, and accent use; use Eclipse Black for small-text foreground on light canvas.
💡 recommendation (2)
fontPairing → typography.heading
- requires:
body - minSizeRatio:
1.5
Eclipse Foundation surfaces use a humanist sans for heading and body. Maintain at least a 1.5× heading-to-body ratio on long-form project pages, working-group charters, and release-train documentation.
compositionConstraint → roles.colors.accent
- pairsWith: eclipse-black, eclipse-white, eclipse-amber
- doesNotPairWith: eclipse-gray
Eclipse Orange reads cleanest against the black wordmark on a white canvas, or as a sun-arc above the wordmark on either canvas. Placing it adjacent to the mid-gray neutral flattens the brand's industrial contrast; reserve gray for tertiary UI and let the orange/black pair carry the identity.
Provenance
- Source: https://www.eclipse.org/org/documents/logo_guidelines.php
- License:
Proprietary — All Rights Reserved - Attribution: Eclipse, the Eclipse Foundation logo, the Eclipse IDE logo, "Built on Eclipse", "Eclipse Ready", and associated project names are trademarks of the Eclipse Foundation AISBL. Brand-atoms' encoding draws from the Eclipse Foundation Logo Guidelines (eclipse.org/org/documents/logo_guidelines.php) and the artwork inventory at eclipse.org/org/artwork/. Eclipse Orange (#F06C02) is the resolved fill of the .st0 class in the official white-orange Eclipse Foundation SVG.
- Imported:
2026-05-19 - Notes: The Eclipse Foundation Logo Guidelines distinguish the Foundation mark from the Eclipse IDE mark and govern the "Built on Eclipse" / "Eclipse Ready" supplementary marks. Per the artwork inventory, the canonical logo variants are Colour, Reversed Colour, and Monochromatic. The Foundation does not publish hex values in prose; the #F06C02 value is the SVG-resolved canonical fill for the sun-arc element, matched against the #F7941E orange that appears in the Solstice theme's warning button class on eclipse.org.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by Eclipse Foundation
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.
Eclipse Foundation
A clear hierarchy in Eclipse Foundation'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
Eclipse Foundation
[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
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
→ eclipse-orange #F06C02 accent-hover
→ eclipse-orange-dark #C75300 background
→ eclipse-white #FFFFFF border
→ eclipse-light-gray #D6DAE0 error
→ eclipse-orange-dark #C75300 identity
→ eclipse-black #111418 mark
→ eclipse-orange #F06C02 on-identity
→ eclipse-white #FFFFFF primary
→ eclipse-black #111418 primary-hover
→ eclipse-orange-dark #C75300 success
→ eclipse-slate #3D4654 surface
→ eclipse-off-white #F5F6F8 text-primary
→ eclipse-black #111418 text-secondary
→ eclipse-slate #3D4654 Typography
code
→ mono Source Code Pro display
→ heading Inter prose
→ body Inter Palette mode mappings (from eclipse)
Light mode (15 roles)
accent
→ eclipse-orange accent-hover
→ eclipse-orange-dark background
→ eclipse-white border
→ eclipse-light-gray error
→ eclipse-orange-dark primary
→ eclipse-black primary-hover
→ eclipse-orange-dark success
→ eclipse-slate surface
→ eclipse-off-white surface-elevated
→ eclipse-white text-primary
→ eclipse-black text-secondary
→ eclipse-slate text-tertiary
→ eclipse-gray warning
→ eclipse-amber warning-hover
→ eclipse-orange Dark mode (15 roles)
accent
→ eclipse-orange accent-hover
→ eclipse-amber background
→ eclipse-black border
→ eclipse-slate error
→ eclipse-orange-dark primary
→ eclipse-orange primary-hover
→ eclipse-amber success
→ eclipse-light-gray surface
→ eclipse-charcoal surface-elevated
→ eclipse-charcoal text-primary
→ eclipse-white text-secondary
→ eclipse-light-gray text-tertiary
→ eclipse-orange warning
→ eclipse-amber warning-hover
→ eclipse-orange Rules (9 typed constraints)
error · 5 rules
colorChoice roles.colors.mark allowed eclipse-orange, eclipse-amber forbidden eclipse-black, eclipse-slate, eclipse-gray The Eclipse Foundation sun-arc element is rendered in Eclipse Orange (#F06C02). The Monochromatic variant (black-on-white or white-on-black) is permitted only as a single-color variant per the Logo Guidelines — using slate or gray for the colored sun-arc is not a documented variant and creates an off-brand expression.
forbiddenTreatment logo treatments recolored, rotated, stretched, skewed, drop-shadow, gradient-fill, sun-arc-detached-from-wordmark, sun-arc-recolored, undocumented-variant The Eclipse Foundation Logo Guidelines permit only three variants — Colour, Reversed Colour, and Monochromatic. Detaching the sun arc from the wordmark, recoloring the arc to a non-orange hue, rotation, skewing, stretching, and drop-shadow treatments are not documented and conflict with the guidelines' canonical variant set.
contextRestriction trademark.use forbiddenContexts implied-endorsement, product-name-prefix-without-approval, eclipse-ide-mark-substituted-for-foundation-mark, built-on-eclipse-without-eligibility, eclipse-ready-without-eligibility Eclipse marks are program-specific. The "Built on Eclipse" and "Eclipse Ready" supplementary marks have explicit eligibility requirements (products built on the Eclipse Platform / passing the Eclipse Ready program review respectively). The Eclipse IDE mark is distinct from the Foundation mark; substituting one for the other implies endorsements that do not exist.
contrastRatio text-primary against background minRatio 7 standard WCAG-AAA Eclipse Black (#111418) on Eclipse White exceeds 17:1 — clears WCAG AAA decisively. Eclipse documentation surfaces — release notes, JEP-like project proposals, working-group charters — benefit from AAA-grade legibility.
accessibilityRequirement * standard WCAG-AA criterion 1.4.3 WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Eclipse Foundation surfaces span developer tooling, enterprise specifications, and public policy documents; AA contrast is the floor.
warning · 2 rules
variantSelection logo use reversed-colour when surface="dark" Per the Eclipse Foundation Logo Guidelines, the Reversed Colour variant is the permitted expression of the logo on dark backgrounds. Do not invert hue or generate ad-hoc dark-mode renderings; use the official reversed-colour asset.
contrastRatio roles.colors.accent against background minRatio 3 standard WCAG-AA-large Eclipse Orange (#F06C02) on White sits around 3.6:1 — clears AA-large for headlines and the sun-arc element but does NOT clear AA for body text. Reserve the orange for the mark, large display surfaces, and accent use; use Eclipse Black for small-text foreground on light canvas.
recommendation · 2 rules
fontPairing typography.heading requires body minSizeRatio 1.5 Eclipse Foundation surfaces use a humanist sans for heading and body. Maintain at least a 1.5× heading-to-body ratio on long-form project pages, working-group charters, and release-train documentation.
compositionConstraint roles.colors.accent pairsWith eclipse-black, eclipse-white, eclipse-amber doesNotPairWith eclipse-gray Eclipse Orange reads cleanest against the black wordmark on a white canvas, or as a sun-arc above the wordmark on either canvas. Placing it adjacent to the mid-gray neutral flattens the brand's industrial contrast; reserve gray for tertiary UI and let the orange/black pair carry the identity.
Provenance
- Source
- https://www.eclipse.org/org/documents/logo_guidelines.php
- License
Proprietary — All Rights Reserved- Attribution
- Eclipse, the Eclipse Foundation logo, the Eclipse IDE logo, "Built on Eclipse", "Eclipse Ready", and associated project names are trademarks of the Eclipse Foundation AISBL. Brand-atoms' encoding draws from the Eclipse Foundation Logo Guidelines (eclipse.org/org/documents/logo_guidelines.php) and the artwork inventory at eclipse.org/org/artwork/. Eclipse Orange (#F06C02) is the resolved fill of the .st0 class in the official white-orange Eclipse Foundation SVG.
- Imported
2026-05-19- Notes
- The Eclipse Foundation Logo Guidelines distinguish the Foundation mark from the Eclipse IDE mark and govern the "Built on Eclipse" / "Eclipse Ready" supplementary marks. Per the artwork inventory, the canonical logo variants are Colour, Reversed Colour, and Monochromatic. The Foundation does not publish hex values in prose; the #F06C02 value is the SVG-resolved canonical fill for the sun-arc element, matched against the #F7941E orange that appears in the Solstice theme's warning button class on eclipse.org.