Vibrants. The dark navy ink is the mortar, the rainbow spectrum is the medicine.

Primary text, primary filled buttons, nav backgrounds, heading ink, footer surface — near-black that reads as ink rather than pure black, grounding the page while staying soft enough to pair with white

Sale badges, discount pills, success indicators, single-use accents — the only vivid hue that touches the chrome; every other chromatic surface belongs to a product

Secondary text emphasis, card border accent on hero product, heading hierarchy step below Deep Navy — slightly bluer for tonal variation without leaving the family

Outlined button borders, icon accents, link highlights — light blue that whispers rather than shouts, used for ghost controls that still need chromatic definition

Decorative product-spectrum gradient flowing violet → indigo → cyan → green → yellow → orange → red — used only in hero wash and product card colorways, never on UI chrome

Icon fills, micro-typography, fine SVG strokes — soft black that never hits pure #000

Heading sub-labels, nav secondary text, card meta text — middle gray for informational hierarchy

Muted body text, helper text, de-emphasized metadata — readable but clearly secondary to Deep Navy

Muted card borders, secondary borders, de-emphasized card outlines — cool gray with a blue undertone

Card borders, badge backgrounds, hairline dividers — the structural gray that separates white-on-white layers

Navigation dividers, secondary hairline borders — slightly lighter than Silver Mist for less prominent edges

Cool-tinted surface for elevated cards, subtle wash behind testimonials, very-light-blue backdrop panels — the cool side of the surface stack

Warm-tinted surface for promotional or seasonal highlight cards, sale callout backgrounds — the warm counterpoint to Cloud

Page canvas, card surface, button text on dark fills, badge text — the dominant background