Six blues for Built for SaaS.
Each one replaces the orange signal in the Opus guides and is shown on the things that matter: the CTA on paper and on ink, the app icon, the pattern and the ramp. All contrast numbers are measured. Pick one, or two to mix (for example one for CTAs, a lighter one for dark mode).
Option 1
Electric Cobalt
The balanced pick
- Hex
- #2863FB
- OKLCH
- oklch(0.56 0.235 264)
- CTA text
- White · 4.92:1
A clean, confident cobalt. Reads as SaaS instantly, but sharper and cooler than the usual corporate blue. White text on the CTA.
Your site still says beta.
We design and build 3D and isometric websites for SaaS companies that just raised. Live in 21 days.
Three weeks from kickoff to live.
A senior design lead, an AI production pipeline and a date you can put in the board deck.
Measured: CTA text 4.92:1 · blue text on paper 4.47:1 · blue 700 links on paper 7.82:1 · blue 400 on ink 7.55:1
Option 2
Klein Ultramarine
The ownable one
- Hex
- #2623F9
- OKLCH
- oklch(0.47 0.290 268)
- CTA text
- White · 7.8:1
Near Yves Klein ultramarine. Deep, saturated, almost violet. Very few SaaS brands own it, so it is the most memorable. White text.
Your site still says beta.
We design and build 3D and isometric websites for SaaS companies that just raised. Live in 21 days.
Three weeks from kickoff to live.
A senior design lead, an AI production pipeline and a date you can put in the board deck.
Measured: CTA text 7.8:1 · blue text on paper 7.09:1 · blue 700 links on paper 11.83:1 · blue 400 on ink 7.46:1
Option 3
Signal Azure
The bright, optimistic one
- Hex
- #0087F1
- OKLCH
- oklch(0.62 0.186 252)
- CTA text
- Ink · 5.16:1
A light, clear azure. Feels fast and friendly. Dark ink text on the CTA, which is a quiet signature most blue brands miss.
Your site still says beta.
We design and build 3D and isometric websites for SaaS companies that just raised. Live in 21 days.
Three weeks from kickoff to live.
A senior design lead, an AI production pipeline and a date you can put in the board deck.
Measured: CTA text 5.16:1 · blue text on paper 3.33:1 · blue 700 links on paper 5.72:1 · blue 400 on ink 7.61:1
Option 4
Iris Blue
The soft modern one
- Hex
- #5C65F3
- OKLCH
- oklch(0.58 0.210 275)
- CTA text
- White · 4.55:1
A periwinkle blue with a touch of violet. Calm and premium, closest to the Linear / Stripe family without copying either.
Your site still says beta.
We design and build 3D and isometric websites for SaaS companies that just raised. Live in 21 days.
Three weeks from kickoff to live.
A senior design lead, an AI production pipeline and a date you can put in the board deck.
Measured: CTA text 4.55:1 · blue text on paper 4.14:1 · blue 700 links on paper 7.17:1 · blue 400 on ink 7.41:1
Option 5
Hyper Cyan Blue
The electric one
- Hex
- #00A2EE
- OKLCH
- oklch(0.68 0.156 240)
- CTA text
- Ink · 6.66:1
Cyan-leaning, high energy, close to a screen glow. Works best on dark. Ink text on the CTA.
Your site still says beta.
We design and build 3D and isometric websites for SaaS companies that just raised. Live in 21 days.
Three weeks from kickoff to live.
A senior design lead, an AI production pipeline and a date you can put in the board deck.
Measured: CTA text 6.66:1 · blue text on paper 2.58:1 · blue 700 links on paper 4.35:1 · blue 400 on ink 7.74:1
Option 6
Volt Blue
The punchy one
- Hex
- #0058F6
- OKLCH
- oklch(0.53 0.245 262)
- CTA text
- White · 5.64:1
A saturated royal blue with real voltage. Most "CTA" of the set: loud on paper, strong on ink. White text.
Your site still says beta.
We design and build 3D and isometric websites for SaaS companies that just raised. Live in 21 days.
Three weeks from kickoff to live.
A senior design lead, an AI production pipeline and a date you can put in the board deck.
Measured: CTA text 5.64:1 · blue text on paper 5.12:1 · blue 700 links on paper 8.76:1 · blue 400 on ink 7.55:1
Built for SaaS · colour exploration for the Opus M and XL guides · ink #101112, paper #F5F4F0, concrete #E4E3DE kept from the current system.