Digital Ocean Spark

Cool electric intensity tempered by depth, evoking midnight water struck by sudden light and living growth.

Open in generator

Colors

~Cascade Twilight#294A9C

~Pool Water#368FFC

~Green Mana#48B559

~Bluetiful#296DE8

~Dark Eclipse#0A2648

Psychology

The palette anchors itself in deep blue tones that recede and ground the composition, while the vivid mid and light blues create immediate visual focus through high chroma contrast. The single green accent introduces a triadic tension that energizes without overwhelming, triggering the eye's natural attraction to complementary relationships. Together, these cool hues with moderate overall contrast evoke alertness and forward momentum rather than calm, activating engagement while maintaining visual coherence.

Usage

Well suited for tech startup branding, SaaS dashboards, and digital product interfaces where bold clarity and modern energy are essential. Works effectively in editorial layouts and print advertising targeting creative or innovation-focused audiences, as the moderate contrast ensures legibility while the cool temperature conveys sophistication. The vivid greens pair effectively with sustainable or eco-tech packaging and fintech marketing materials seeking to balance trust with cutting-edge appeal.

Code

CSS Gradient

/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
    90deg,
    #294a9c 0%,
    #368ffc 25%,
    #48b559 50%,
    #296de8 75%,
    #0a2648 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #294a9c;
  --color-gradient-2: #368ffc;
  --color-gradient-3: #48b559;
  --color-gradient-4: #296de8;
  --color-gradient-5: #0a2648;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */

CSS Variables

--color-1: #294a9c;
--color-2: #368ffc;
--color-3: #48b559;
--color-4: #296de8;
--color-5: #0a2648;

Hex values

#294a9c, #368ffc, #48b559, #296de8, #0a2648

Building something? Get this palette via the REST API.

History

Similar palettes

Jade Hour Glow

Shallow Waters

Lavender Milk Hour

Frosted Lavender Drift

Misty Lagoon Hour

Electric Dusk

Twilight Alchemy

Neon Bloom Dusk

Neon Descent Study