Foundation
Logo
Colors
Typography
Voice & Messaging
Icons
Applications
04 · Color PaletteColor Palette
The full brand color palette with precise values and application guidelines for light and dark contexts.
Primary brand colors
The foundation of the LogicalNet visual identity. These four colors do most of the work across every brand touchpoint.
CMYK: 65, 38, 0, 71
Pantone: 2767 C
The foundation color. Used for primary text, dark backgrounds, and the “Net” portion of the wordmark. Conveys depth, authority, and trust.
The darkest brand color. Used for hero backgrounds, footer, and dark-mode surfaces. Creates dramatic contrast with teal and green accents.
CMYK: 93, 18, 0, 21
Pantone: 313 C
The primary brand accent. Used for the “Logica” wordmark, primary CTAs, links, and key UI elements. Conveys technology, intelligence, and clarity.
Used for hover states, gradient highlights, and secondary accents on dark backgrounds.
Secondary & accent colors
Supporting colors for specific use cases — success states, recognition, backgrounds, and secondary text.
CMYK: 83, 0, 52, 23
Used for success states, positive metrics, and the “Why LogicalNet” section.
For gradient highlights and hover states.
Reserved for awards and recognition — trophy and badge use only.
Primary light background for pages and cards.
Used for secondary text, captions, and metadata.
Body text on light backgrounds.
Color application guidelines
Background Hierarchy
Dark hero/header sections: Navy Deep (#0f1e30) with teal/green accents
Standard page sections: Off-White (#f0f4f8) alternating with White (#ffffff)
Accent sections (stats bars): Teal (#0ea5c9) with white text
Text on Light Backgrounds
Primary text: Navy (#1a2e4a)
Secondary text: Gray 500 (#64748b)
Accent text: Teal (#0ea5c9)
Text on Dark Backgrounds
Primary text: White (#ffffff)
Secondary text: Gray 300 (#94a3b8)
Accent text: Teal Light (#38bdf8) or Green Light (#4ade80)
CTA Button Colors
Primary CTA: Teal (#0ea5c9) fill, white text — “Schedule a Consult”
Secondary CTA: Transparent with teal border, white text — “Free Assessment”
Danger/Alert CTA: Red (#ef4444) — used only for urgent security actions
Gradient Usage Rule
The brand gradient (green → teal) is used exclusively for the shield mark and select hero/decorative elements. Do not apply the gradient to text, buttons, or UI components outside of the shield.
Questions about brand usage?
Contact the marketing team for brand approvals, source files, or guidance applying the brand in specific situations.