Brand Palettes
Each product in the Septimius Technology Group portfolio has its own colour palette, overriding the shared design token primitives to give each product a distinct visual identity while preserving consistent layout and structure.
Kennis OS
Deep purple with cyan and magenta accents.
| Token | Hex | Notes |
|---|---|---|
--color-primary | #6145ed | Brand purple — primary CTA, sidebar active |
--color-accent-cyan | #2ad0ff | Energy accent — badges, storage fill |
--color-accent-magenta | #b54ae3 | Secondary accent — highlights, gradients |
Septimius
Indigo foundation with violet and pink accents.
| Token | Hex | Notes |
|---|---|---|
--color-primary | #6366f1 | Indigo — primary actions and navigation |
--color-accent-violet | #8b5cf6 | Violet — secondary emphasis |
--color-accent-pink | #d946ef | Pink — decorative accents and gradients |
Surviva
Teal palette conveying trust and vitality.
| Token | Hex | Notes |
|---|---|---|
--color-primary | #0d9488 | Teal — primary actions and branding |
--color-accent-bright | #2dd4bf | Bright teal — highlights, progress indicators |
Murusha
Espresso on cream (Manuscript theme, light) with warm-gold accents. Obsidian & Silk dark mode.
| Token | Hex | Notes |
|---|---|---|
--color-primary | #3E2723 | Espresso — primary CTAs, navigation (light mode) |
--color-accent | #C8A96A | Warm-gold — logo, decorative, highlights |
--color-garden | #5A7A6A | Sage — success tint, secondary accent |
--color-bg-primary | #F5F3F3 | Cream page background (light mode) |
--color-bg-dark | #0E0E0C | Obsidian (dark mode background) |
Cub Klub
Yellow, purple, and teal palette reflecting sunshine, imagination, and trust.
| Token | Hex | Notes |
|---|---|---|
--color-primary | #ffcd00 | Yellow — sunshine, warmth, primary brand colour |
--color-accent-purple | #662483 | Purple — imagination, creativity |
--color-accent-teal | #01707d | Teal — trust, safety |
Usage
Products override CSS custom properties at the root level using the
setPalette() utility from the tokens package. Neutral, semantic, and
surface tokens remain shared for consistent contrast and accessibility.
See Design Tokens for the full specification.