Loading

A Palette of Purpose

Every color in our system serves a strategic purpose. From the commanding presence of near-black to the warm sophistication of beige, each hue communicates a distinct facet of the brand. Click any color to copy its hex value.

Primary Palette

Ationic Dark #171717 Primary brand color
Warm Off-White #fafafa Background & contrast
Warm Gold #d4a373 Accent & highlights

Secondary Palette

Charcoal #404040 Dark UI elements
Light Accent #f5f0eb Section backgrounds
Cream #e8d5c4 Secondary accent

Supporting Palette

Ationic Dark #171717
Charcoal #404040
Warm Gray #737373
Beige Gold #d4a373
Cream #e8d5c4
Light Accent #f5f0eb

Gradient Applications

Dark to Gold
Gold to Cream
Deep Neutral
Warm Neutral

Accessibility & Contrast Ratios

Aa
Dark on White
Ratio: 17.5:1 AAA Pass
Aa
Dark on Gold
Ratio: 7.8:1 AA Pass
Aa
Gold on Dark
Ratio: 7.8:1 AA Pass
Aa
Cream on White
Ratio: 1.4:1 Fail

Color Psychology

Near Black

Power, sophistication, authority. Establishes a foundation of premium quality and timeless elegance.

Warm Gold

Warmth, optimism, value. Creates emotional connection and signals premium positioning.

Off-White

Clarity, purity, space. Provides breathing room and focuses attention on content.

Charcoal

Depth, intimacy, stability. Adds dimension and visual weight to interfaces.