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 primary Pantalytics logo is navy blue. The gold variant is available for special applications.

Navy Blue

#1b3a5c · rgb(27, 58, 92)

Logo text & icon

Gold

#e8a317 · rgb(232, 163, 23)

Logo accent & tagline

Primary colors

Accent Purple

#9b99ff · rgb(155, 153, 255)

--color-accent

Accent Hover

#7370ff · rgb(115, 112, 255)

--color-accent-hover

Dark Teal

#001d21 · rgb(0, 29, 33)

--color-bg-primary

Dark Teal Light

#002328 · rgb(0, 35, 40)

--color-bg-secondary

Text & background

White

#ffffff

--color-text-primary / --color-bg-inverse

White 60%

rgba(255, 255, 255, 0.6)

--color-text-secondary

Dark Teal (on white)

#001d21

--color-text-inverse

Dark mode & Light mode

The Pantalytics color palette has two variants for app development. Dark mode is the primary brand environment; light mode is the lighter variant for everyday use.

Dark mode

Pantalytics

Smart business software that brings order to your processes.

Accent button

Light mode (default)

Pantalytics

Smart business software that brings order to your processes.

Accent button

Dark mode

Dark variant for feature sections and brand visuals. Dark teal background with white and accent purple (#9b99ff).

Accent

#9b99ff

--color-accent

Accent Hover

#7370ff

--color-accent-hover

BG Primary

#001d21

--color-bg-primary

BG Secondary

#002328

--color-bg-secondary

Text Primary

#ffffff

--color-text-primary

Text Secondary

rgba(255,255,255,0.6)

--color-text-secondary

Light mode (default)

The default for all apps and interfaces. White background with darker accent (#5b58d8) for WCAG AA compliance.

Accent

#5b58d8

--color-light-accent

Accent Hover

#4a47c4

--color-light-accent-hover

BG Primary

#ffffff

--color-light-bg-primary

BG Secondary

#f4f5f7

--color-light-bg-secondary

Text Primary

#001d21

--color-light-text-primary

Text Secondary

rgba(0,29,33,0.6)

--color-light-text-secondary

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

WCAG Contrast ratios — Light mode

Contrast ratios for the light mode color combinations.

Combination	Ratio	AA	AAA
#001d21 on #ffffff	17.65:1	Pass	Pass
rgba(0,29,33,0.6) on #ffffff	7.06:1	Pass	Pass (large)
#5b58d8 on #ffffff	5.20:1	Pass	Pass (large)
#4a47c4 on #ffffff	6.36:1	Pass	Pass (large)
#5b58d8 on #f4f5f7	4.82:1	Pass	Pass (large)

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.