Primary color

Atlan Blue is the cornerstone of our visual identity. It serves as the primary anchor that binds our brand together across every touchpoint, channel, and experience, making our presence instantly recognizable.

Blue 500

Secondary color

Cyan serves as our primary accent color, designed to add emphasis and focus. Never use Cyan as a standalone brand color or as a background fill.

Cyan 500

Tertiary color

Pink 500 introduces a deliberate pop of color to our ecosystem. To maintain its visual impact and prevent it from overpowering our primary palette, use this supporting accent exceptionally sparingly.

Pink 500

Neutrals

Our neutrals palette provides the essential structural foundation for our visual design. These neutrals establish hierarchy and deliver optimal legibility across typography, borders, and UI elements.

Neutrals 800

Color pairing

Our approved color pairings are engineered to maximize legibility, contrast, and brand emphasis across all mediums.

Do

#62E1FC
#2026D2
#FFFFFF
#2026D2
#FFFFFF
#F34D77
#FDDBE4
#1A1EA8

Avoid

#62E1FC
#F34D77
#F34D77
#2026D2
#FFFFFF
#62E1FC
#555572
#62E1FC

Application examples

Explore how our color system comes to life across diverse mediums.

E-book ad creative — Blue 900 ground with Blue 500 and white type
Event booth & signage — full Blue 500 brand environment
Customer quote card — Cyan 500 accent highlighting the key line
Branded swag & merchandise on the event floor
Webinar promo card — co-branded, Cyan 500 photo backdrop
Event activation — playful Blue 500 ice-cream cart
Editorial infographic — neutrals base with Blue accents
Co-branded event promo — Blue 500 photo overlay with Cyan highlight type
Conference booth creative — blue photo overlay with a Cyan gradient panel
Context-graph infographic — warm neutrals ground with Blue 500 nodes
Website hero — Blue gradient ground with white navigation
[Website env: production]