The seven classical planet colours — hex tokens, per-planet opacity ranges, opacity matrix, coexistence with the auspice scale, and design rules for team and Claude Design sessions.
This document defines the complete planetary colour system for CircleThrice. Use the CSS tokens block directly. Apply planet colours at per-planet opacity — never at full opacity for UI fills. See the design rules and collision table before placing planet tints and auspice tints on the same surface.
Each card shows the full colour, a five-step opacity strip (10–50%), the hex token, the traditional western/Hellenistic colour association, and the recommended opacity range split by use case — UI tint (calendar highlights, orrery arc backgrounds) vs data visualisation (arc strokes, markers).
All seven planets stepped from 10% to 100% on --paper: #f6f9fc. Blue outlines mark the recommended UI tint range per planet. Full opacity (rightmost column) is reserved for orrery arc strokes and small data markers only — it is too dark for surface fills.
Blue outlines = recommended UI tint range per planet. Rightmost column = full opacity, for data viz strokes only.
Both palettes share cool-blue territory. Where planet tints and auspice tints appear on the same surface, specific pairs create collision risk at lower opacities. The table below is the authoritative reference — treat it as a constraint, not a guideline.
| Pair | At 20% | At 30% | At 40%+ | Mitigation |
|---|---|---|---|---|
| Moon ☽ × Good auspice | High risk | Medium | Acceptable | Both pale blue. Physis glyph ☽ required below 40%. At 30%+ Moon's violet cast separates from Good's cyan. |
| Jupiter ♃ × Very Good auspice | Medium | Acceptable | Clear | Purple-violet vs deep teal. Resolved at 30%+. Glyph ♃ recommended below 30%. |
| Saturn ♄ × Very Good auspice | Medium | Acceptable | Clear | Saturn's warm grey cast creates separation at 30%+. Glyph ♄ recommended below 30%. |
| Mars ♂ × Very Bad auspice | Acceptable | Clear | Clear | Orange-red vs magenta-purple. Distinct at 20%+. No special mitigation needed. |
| Sun, Mercury, Venus × any | Clean | Clean | Clean | Yellow, orange, warm teal-green — no collision with any auspice colour at any opacity. Use freely. |
The auspice scale was specified before Modern Mystic was finalised. At any opacity, Very Good and Very Bad sit darker in register than the planet palette at its recommended UI tint range — they will read as more emphatic than any planet colour in shared-surface contexts.
If the interface direction continues toward a lighter, brighter register, the auspice scale should be revisited in a dedicated session with Ivy. Do not change auspice values without her input.
These rules govern every context where planet colours appear — orrery arcs, calendar highlights, transit list markers, and any future surface. They are constraints derived from coexistence testing, not style preferences.
Drop this block into any CircleThrice prototype or template. The base colour tokens and per-planet opacity tokens are kept separate so opacity can be overridden per context.