SaaS landing pages live or die on a single CTA: 'Start free trial' or 'Book a demo'. The brand palette has exactly one job — make that button impossible to miss without making the rest of the page feel like a Las Vegas billboard.
Start with the primary at saturation 60 to 75 and lightness 50 to 55. This range is high-contrast on a white surface (you will hit AA easily) and still recognizably colorful. Avoid pure red — it triggers warning associations even when the brand is positive. Blues, teals, and warm purples convert reliably for B2B SaaS.
The accent should be the inverse personality of the primary. If the primary is calm blue, the accent is loud orange or coral. If the primary is energetic red, the accent is calm teal. The contrast between primary and accent is what makes the CTA pop. Keep accent usage to two surfaces per page — the hero CTA and one announcement badge.
Light shade is your section background. White is fine, but a tinted white (saturation 8, lightness 96 in your primary hue) makes the page feel intentional. Use it for alternating sections so visitors get visual breaks without harsh dividers.
Dark shade is for the footer and any 'shipped on dark' code preview blocks. A near-black tinted with your hue at saturation 8, lightness 11 makes screenshots of your dashboard feel native to the page.
Run the contrast table on the primary against light, dark, and white. If primary fails 4.5:1 on white, you have a problem — body links and inline buttons will be hard to read. Adjust lightness down five points and re-test.
The full pipeline takes ten minutes with the generator: pick the mood that matches your brand voice, hit randomize until the primary feels right, lock it, switch to triadic for an accent, copy the Tailwind export, ship.