Landing Page
Soft Indigo Landing
Soft indigo landing page UI gradient for SaaS hero sections and call-to-action areas.
Dark Mode UI Color Palettes & Gradients
Dark mode is more than “inverting colors”. These palettes are curated for comfortable contrast, readable text, and modern product UI—perfect for dashboards, mobile apps, and SaaS interfaces.
Best practices for dark mode color systems
- Prefer slightly tinted dark surfaces (not pure #000) to reduce glare.
- Use semantic colors (success/warn/error) with sufficient contrast against dark surfaces.
- Keep text colors in a limited ramp (primary/secondary/muted) for consistent hierarchy.
- Test contrast in real components (buttons, inputs, charts), not just isolated swatches.
Dark mode palettes you can copy
Landing Page
Ocean Breeze Landing
Fresh blue-to-cyan landing page UI gradient for modern product websites.
Landing Page
Warm Gradient Hero
Warm orange-to-pink landing page gradient for emotional and creative hero sections.
Landing Page
Midnight Rose Launch
Dark landing page palette with a confident rose CTA for product launches, waitlists, and pricing pages.
Landing Page
Eco Green Yellow Hero
Green-driven landing page palette with warm yellow highlights for sustainable products, eco SaaS, and community brands.
Marketing / CTA
Neon Coral CTA
High-impact coral gradient designed to maximize CTA visibility and conversion.
Marketing / CTA
Electric Purple Boost
Electric purple gradient built for growth-focused marketing and promotional pages.
Marketing / CTA
Solar Yellow Impact
Bright yellow accent palette crafted for attention-grabbing CTAs and promotions.
Marketing / CTA
Black Orange Urgency
High-contrast black + orange palette for urgent offers, discounts, and single-action CTA blocks.
Marketing / CTA
Blue Emerald Convert
Conversion palette combining trust-building blue CTAs with emerald success cues for onboarding and signup flows.
Marketing / CTA
Rose Amber Offer
Warm promo palette with rose CTAs and amber highlights for seasonal campaigns and product announcements.
Dashboard
Slate Calm Dashboard
Calm slate-based dashboard UI color palette for data-heavy SaaS and analytics interfaces.
Dashboard
Midnight Pro Admin
Professional dark dashboard UI color palette for admin panels and enterprise tools.
Dashboard
Indigo Data View
Indigo-focused dashboard UI color palette for analytics and data visualization.
Dashboard
Slate Amber Focus
Slate dashboard palette with amber highlights for alerts, filters, and primary actions without overwhelming data density.
Dashboard
Emerald Ops Dashboard
Operations-ready dashboard UI palette with emerald success cues for monitoring, uptime, and system health views.
Mobile App
Mint Fresh Mobile
Fresh mint color palette optimized for clarity and touch-friendly mobile interfaces.
Mobile App
Soft Peach App
Warm peach and rose tones for friendly, consumer-focused mobile apps.
Mobile App
Dark Violet Touch
Dark violet mobile color palette with subtle neon accents for dark mode.
Mobile App
Sky Indigo Wallet
Mobile UI palette for wallet and fintech apps: sky blue actions, indigo depth, and emerald success states.
Mobile App
Mono Slate Reader
Reading-first mobile palette: slate surfaces, disciplined borders, and warm yellow highlights for bookmarks and key actions.
Mobile App
Rose Cyan Social
Bold but controlled mobile palette for social and community apps: rose actions with cyan highlights for interactive moments.
Finance / Business
Trust Navy
Trust-focused navy blue color palette designed for finance and business applications.
Finance / Business
Executive Charcoal
Premium charcoal dark UI color palette for executive-level business and finance products.
Finance / Business
Emerald Ledger Trust
Finance UI palette with calm navy surfaces and emerald action cues for confirmations, balances, and positive states.
Finance / Business
Royal Blue Gold
Premium finance palette: royal blue for primary actions and gold highlights for key value moments (plans, limits, approvals).
Finance / Business
Risk Red Slate
Finance UI palette for risk and compliance flows: slate surfaces with a clear red emphasis for destructive actions and alerts.
Portfolio / Personal
Creative Sunset
Sunset-inspired gradient for portfolios and personal brands.
Portfolio / Personal
Oceanic Dream
Ocean-inspired blue and teal gradient for modern portfolios.
Portfolio / Personal
Sunrise Vibes
Warm gradient with pink and orange tones to energize personal portfolios.
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.
Explore more UI color use cases
Calm neutrals and clear hierarchy for data-heavy interfaces.
Touch-friendly palettes optimized for small screens and varied lighting.
Conversion-focused schemes for hero sections and CTA buttons.
- View all scenarios →