Colors
The Pantalytics color palette is built around a dark, professional base with a recognizable purple accent. Use these colors consistently across all communications.
Logo colors
The Pantalytics logo uses two core colors: navy blue and gold. These colors are used exclusively in the logo and tagline.
Aa
Navy Blue
#1b3a5c · rgb(27, 58, 92)
Logo text & icon
Aa
Gold
#e8a317 · rgb(232, 163, 23)
Logo accent & tagline
Primary colors
Aa
Accent Purple
#9b99ff · rgb(155, 153, 255)
--color-accent
Aa
Accent Hover
#7370ff · rgb(115, 112, 255)
--color-accent-hover
Aa
Dark Teal
#001d21 · rgb(0, 29, 33)
--color-bg-primary
Aa
Dark Teal Light
#002328 · rgb(0, 35, 40)
--color-bg-secondary
Text & background
Aa
White
#ffffff
--color-text-primary / --color-bg-inverse
Aa
White 60%
rgba(255, 255, 255, 0.6)
--color-text-secondary
Aa
Dark Teal (on white)
#001d21
--color-text-inverse
WCAG Contrast ratios
The table below shows contrast ratios for commonly used combinations. Ensure text always meets the WCAG AA standard.
| Combination | Ratio | AA | AAA |
|---|---|---|---|
| #ffffff on #001d21 | 17.65:1 | Pass | Pass |
| rgba(255,255,255,0.6) on #001d21 | 7.06:1 | Pass | Pass (large) |
| #9b99ff on #001d21 | 5.84:1 | Pass | Pass (large) |
| #001d21 on #ffffff | 17.65:1 | Pass | Pass |
| #9b99ff on #ffffff | 3.02:1 | Fail (normal) | Fail |
Usage guidelines
- Never use accent purple (#9b99ff) as body text on a white background — the contrast is insufficient (3.02:1).
- The accent color is intended for interactive elements, eyebrows and decorative highlights.
- Dark teal backgrounds are the primary brand environment.
- White sections are used sparingly for emphasis and contrast.