Landing Page
Ocean Breeze Landing
Fresh blue-to-cyan landing page UI gradient for modern product websites.
Spring Launch (Light & Airy)
Low-saturation, airy palettes that feel fresh and modern.
About the Spring Launch (Light & Airy) palette
Spring launch palettes are all about lightness: high key backgrounds, low-saturation accents, and lots of breathing room. They feel modern and unintimidating, which is ideal for new product reveals and portfolios.
These palettes work because they reduce visual noise. With a near-white canvas and one fresh accent (mint, sky, or soft pink), the content and product screenshots become the focal point.
When to use this theme
- New product launches and “coming soon” pages.
- Portfolios and personal sites that want a calm, contemporary feel.
- Mobile onboarding where a light, friendly first impression matters.
Color & contrast tips
- Keep accents soft but ensure buttons still hit 4.5:1 contrast for their label text.
- Use subtle tinted shadows instead of heavy borders to keep the airy feel.
- One accent + neutrals beats three accents—airy design depends on emptiness.
Curated palettes
Landing Page
Soft Indigo Landing
Soft indigo landing page UI gradient for SaaS hero sections and call-to-action areas.
Mobile App
Mint Fresh Mobile
Fresh mint color palette optimized for clarity and touch-friendly mobile interfaces.
Mobile App
Rose Cyan Social
Bold but controlled mobile palette for social and community apps: rose actions with cyan highlights for interactive moments.
Mobile App
Sky Indigo Wallet
Mobile UI palette for wallet and fintech apps: sky blue actions, indigo depth, and emerald success states.
Portfolio / Personal
Mono Ink Minimal
Minimal portfolio palette with ink-dark surfaces and a crisp sky accent for links, highlights, and the primary contact CTA.
Portfolio / Personal
Rose Violet Glow
Expressive personal brand palette with rose actions, violet depth, and cyan highlights for a modern creator vibe.
Portfolio / Personal
Sage Paper Calm
Light editorial palette for portfolios: paper surfaces, soft borders, and a deep emerald accent for tasteful emphasis.
Frequently asked questions
How is “airy” different from just “white”?
Airy palettes use very light tinted neutrals and soft shadows, not flat pure white. The subtle tints add depth so the layout feels designed rather than empty.
Do light palettes hurt accessibility?
They can if text is too light. Keep body copy dark (slate-700 or darker) and verify accent buttons against their backgrounds before shipping.