Tidepool Signal

Cool depths meet electric vegetation, a high-contrast landscape where shadow and signal hold equal weight.

Open in generator

Colors

~White#FFFFFF

~Poseidon#004166

~Serpent Sceptre#C1CF00

~Snowflake#EFEFEF

~White#FFFFFF

~Guardian of Gardens#8BA615

~Poseidon#004166

Psychology

The triadic structure of deep blue, vivid yellow-green, and near-white creates immediate visual tension that commands attention without aggression. Cool blues recede into depth while warm yellow-greens advance, establishing spatial hierarchy, while the high concentration of neutrals prevents sensory fatigue and allows each saturated tone to land with precision. This contrast-driven balance triggers alertness and clarity rather than anxiety, making the palette feel intentional and controlled.

Usage

Deploy across tech startup branding, editorial layouts for design publications, and sustainable agriculture packaging where the interplay of deep water tones and botanical yellows signals both stability and growth. High contrast makes this palette ideal for interface design and print collateral requiring strong visual hierarchy and legibility at small scales. The mixed lightness profile suits projects needing both bold moments and breathing room.

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,
    #ffffff 0%,
    #ffffff 14%,
    #004166 29%,
    #c1cf00 43%,
    #efefef 57%,
    #ffffff 71%,
    #8ba615 86%,
    #004166 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #ffffff;
  --color-gradient-2: #ffffff;
  --color-gradient-3: #004166;
  --color-gradient-4: #c1cf00;
  --color-gradient-5: #efefef;
  --color-gradient-6: #ffffff;
  --color-gradient-7: #8ba615;
  --color-gradient-8: #004166;
}

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

CSS Variables

--color-1: #ffffff;
--color-2: #ffffff;
--color-3: #004166;
--color-4: #c1cf00;
--color-5: #efefef;
--color-6: #ffffff;
--color-7: #8ba615;
--color-8: #004166;

Hex values

#ffffff, #ffffff, #004166, #c1cf00, #efefef, #ffffff, #8ba615, #004166

Building something? Get this palette via the REST API.

History

Similar palettes

Jade Hour Glow

Abyssal Hearth

Shallow Waters

Slate & Honey Hour

Porcelain & Cobalt

Misty Lagoon Hour

Midnight Brass

Velvet Nocturne Cream

Pastel Lagoon Study