Gradian Color System

Primary Dark

Midnight Commander

#0A1A2F

Main headings, navigation elements, and primary text. Used for highest contrast and emphasis.

Secondary Dark

Deep Ocean

#1E3A5F

Secondary headings and important UI elements. Provides strong contrast while being slightly softer than Primary Dark.

Body Text

Storm Cloud

#64748B

Main body text, labels, and secondary information. Optimal for readability in longer content.

Primary Background

Arctic Frost

#F8FAFC

Main background color. Creates a clean, professional foundation for content.

Secondary Background

Morning Mist

#F1F5F9

Alternate section backgrounds and subtle highlights. Creates visual hierarchy without heavy contrast.

Primary Accent

Electric Blue

#3B82F6

Primary buttons, links, and interactive elements. Main call-to-action color.

Secondary Accent

Cyber Mint

#2DD4BF

Success states, secondary actions, and positive indicators. Adds freshness to the design.

Alert Accent

Warning Flare

#F97316

Important notifications, warnings, and critical CTAs. Used sparingly for maximum impact.

Primary Gradient

Night Sky

#0A1A2F → #3B82F6

Hero sections, feature cards, and prominent UI elements. Creates depth and visual interest.

Action Gradient

Digital Wave

#3B82F6 → #2DD4BF

Interactive elements, hover states, and dynamic components. Adds movement and energy.