WalletConnect. Saturated blue monoliths floating above a warm white desert, with rounded edges that soften the tech seriousness.

Hero panels, filled buttons, active nav indicators, link accents — the primary brand signal, used as a full-bleed surface rather than a small button color to dominate the page

Primary filled action buttons and their borders — a slightly lighter, more violet-shifted blue for interactive surfaces that need to feel pressed and clickable

Primary text, headings, and dark button borders — replaces pure black with a warm navy that reads as authoritative without the harshness of #000

Radial gradient highlight accent — used sparingly as a luminous spot inside blue panels to create depth

Hover states, subtle outlined button borders, secondary navigation accents — a desaturated companion to Electric Cobalt for non-dominant blue moments

Pale blue tinted backgrounds, soft highlight washes, tag fills, and light section dividers — bridges the white canvas to the blue brand without harsh contrast

Dark footer background, dark section panels, card borders on light surfaces — the system's dark surface color, used as a deliberate band rather than scattered

Dark section borders, footer dividers

Mid-tier body text, descriptions, helper copy that needs to recede behind headings

Link text in their resting state, secondary body copy

Input placeholder text, tertiary captions, subtle icon strokes

Muted body text, secondary metadata, inactive form labels

Shadow base color and muted icon tints

Secondary surface fills, placeholder backgrounds, disabled states

Hairline borders, input outlines, subtle dividers between sections — the quietest structural line color

Page background canvas — a warm near-white that softens the starkness of pure white and reduces eye strain across long scrolling pages

Card surfaces, input fields, button text, elevated panels — the brightest surface layer sitting atop Parchment