SaaS companies maintain two distinct web presences that share one brand identity: the marketing site (sells the product to prospects) and the product UI (serves the product to customers). Both should use the same core palette, but the application differs dramatically.
Marketing Site: Emotion and Persuasion
The marketing site uses color expressively. Hero sections with bold gradients, colorful illustrations, dynamic backgrounds, and prominent CTAs. The primary color appears large and frequently. Supporting colors add variety across sections. The goal is creating an emotional response that drives signup.
Product UI: Function and Clarity
The product UI uses color functionally. Neutral backgrounds dominate. The primary color appears sparingly (active nav states, primary buttons, selected items). Most of the interface is white, gray, and dark text. Data and content are the visual focus, not decoration. The goal is usability and efficiency.
One Palette, Two Applications
The palette itself is identical. The same primary blue, the same supporting teal, the same bases. What changes is the proportion. The marketing site might use 30% brand color and 70% neutral. The product UI uses 5% brand color and 95% neutral. This proportional shift is the entire difference.
Building for Both
When building your palette in PaletteRx, plan for both contexts. Your primary needs to work as a large background fill (marketing hero) AND as a small UI accent (product button). Your bases need to work for dramatic contrast (marketing) AND comfortable daily use (product). Testing in both contexts via Live Preview helps verify versatility.