Harness brand colors¶

Every harness Apothem materializes a profile into renders in its own brand color wherever the docs site, README, or any architectural diagram visualizes it. The palette below is the single source of truth. Diagrams pick colors via mermaid classDef <harness> assignments; the matching CSS lives in docs/stylesheets/extra.css.

Apothem core¶

Token	Light	Dark	Use
`apothem-hub`	`#0F172A`	`#F1F5F9`	The central distribution node ("apothem") in every architectural diagram.
`shared-profile`	`#10B981`	`#34D399`	The source-of-truth profile feeding the apothem core.

Harness palette¶

The eleven harnesses, each colored to match its primary brand identity:

Token	Light	Dark	Source
`claude-code`	`#D97757`	`#E89378`	Anthropic primary terracotta accent.
`cursor`	`#1E1E1E`	`#C7C7C7`	Cursor's monochrome brand (inverted in dark mode).
`gemini-cli`	`#4285F4`	`#6BA4F7`	Google Blue.
`github-copilot`	`#24292F`	`#C9D1D9`	GitHub neutral-dark (inverted in dark mode).
`codex`	`#10A37F`	`#19C796`	OpenAI signature teal.
`windsurf`	`#00C2A8`	`#34DEC4`	Codeium / Windsurf turquoise.
`opencode`	`#8B5CF6`	`#A78BFA`	Community violet — distinct hue for visual differentiation.
`antigravity`	`#6366F1`	`#818CF8`	Community indigo.
`open-claw`	`#F59E0B`	`#FBBF24`	Community amber.
`hermes`	`#EC4899`	`#F472B6`	Community pink.
`qwen-code`	`#FF6A00`	`#FF8C40`	Alibaba Qwen orange.

Naming rationale¶

apothem-hub — the geometric center the name evokes (the apothem of a regular polygon points inward to its core).
shared-profile — the upstream source, distinct from any single harness color so it reads as the "input" arrow in every diagram.
Per-harness tokens mirror the harness slug used throughout the codebase (harnesses/<slug>/, the entry-point key, the CLI --harness <slug> argument). One word per concept; the same string everywhere.

Mermaid usage¶

graph LR
    P["shared profile"]:::shared-profile --> A["apothem"]:::apothem-hub
    A --> CC["Claude Code"]:::claude-code
    A --> CU["Cursor"]:::cursor
    A --> GE["Gemini CLI"]:::gemini-cli
    A --> GC["GitHub Copilot"]:::github-copilot
    A --> CO["Codex"]:::codex
    A --> WI["Windsurf"]:::windsurf
    A --> OC["OpenCode"]:::opencode
    A --> AG["Antigravity"]:::antigravity
    A --> OW["Open-Claw"]:::open-claw
    A --> HE["Hermes"]:::hermes
    A --> QW["Qwen Code"]:::qwen-code

    classDef apothem-hub fill:#0F172A,stroke:#0F172A,color:#FFFFFF
    classDef shared-profile fill:#10B981,stroke:#10B981,color:#FFFFFF
    classDef claude-code fill:#D97757,stroke:#D97757,color:#FFFFFF
    classDef cursor fill:#1E1E1E,stroke:#1E1E1E,color:#FFFFFF
    classDef gemini-cli fill:#4285F4,stroke:#4285F4,color:#FFFFFF
    classDef github-copilot fill:#24292F,stroke:#24292F,color:#FFFFFF
    classDef codex fill:#10A37F,stroke:#10A37F,color:#FFFFFF
    classDef windsurf fill:#00C2A8,stroke:#00C2A8,color:#FFFFFF
    classDef opencode fill:#8B5CF6,stroke:#8B5CF6,color:#FFFFFF
    classDef antigravity fill:#6366F1,stroke:#6366F1,color:#FFFFFF
    classDef open-claw fill:#F59E0B,stroke:#F59E0B,color:#FFFFFF
    classDef hermes fill:#EC4899,stroke:#EC4899,color:#FFFFFF
    classDef qwen-code fill:#FF6A00,stroke:#FF6A00,color:#FFFFFF

Accessibility¶

Every token meets WCAG AA contrast against white text (≥4.5:1) at its declared use. Where a harness's native brand color does not meet AA against white text on its own, the palette adopts the closest brand-aligned tint that does.

Updates¶

The palette updates only when a harness ratifies a brand change upstream. Per-harness brand changes propagate atomically — extra.css + this page + the diagram-author guide land in the same change-set.