Color System
Imaginary palette
The portal theme uses the supplied swatch colors as direct brand tokens. Dark surfaces use Snow Veil text. Gold and light surfaces use Carbon Black text.
Dark pairings
Use Snow Veil on dark colors.
Obsidian Blue, Carbon Black, Ocean Stone, and Stormy Sea carry the strongest brand weight for headers, sidebars, and primary buttons.
Accent pairings
Use Carbon Black on warm colors.
Honey Gold, Saffron Gold, and Golden Tangerine work well for calls to action, active states, badges, and alerts.
CSS tokens
| Token | Value | Use |
|---|---|---|
--im-obsidian-blue | #212C32 | Primary dark surface, header, nav active, primary buttons. |
--im-carbon-black | #1A1A1A | Default text, dark UI, strong borders. |
--im-snow-veil | #F2F2F2 | Page background, light text on dark backgrounds. |
--im-honey-gold | #FEC200 | Primary accent, focus, high-visibility actions. |