Tidepool Contrast
Cool depths meet warm fire, balanced by neutral silence, creating a charged landscape of high contrast and grounded tension.
Psychology
The palette pairs deep blues and dark navy with vivid warm accents (pink, orange, yellow), creating visual tension through complementary contrast that activates the eye without overwhelming it. The achromatic anchors (white and gray) provide breathing room, preventing sensory fatigue while cool recessive tones ground the composition against advancing warm hues. This balanced push-pull generates energy tempered by restraint, ideal for designs that demand attention without sacrificing sophistication.
Usage
Effective for luxury beauty packaging, editorial spreads, and tech startup branding where high contrast and mixed temperature palettes signal innovation and confidence. The dominant cool base with warm accents works particularly well in industrial design, modern restaurant identities, and fashion lookbooks that need visual drama without appearing chaotic. The neutral buffer colors make this palette adaptable for web interfaces and print collateral requiring both boldness and legibility.
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,
#0d586e 0%,
#7e1949 14%,
#d6417f 29%,
#00366c 43%,
#ffffff 57%,
#c17500 71%,
#bdbc00 86%,
#74747e 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0d586e;
--color-gradient-2: #7e1949;
--color-gradient-3: #d6417f;
--color-gradient-4: #00366c;
--color-gradient-5: #ffffff;
--color-gradient-6: #c17500;
--color-gradient-7: #bdbc00;
--color-gradient-8: #74747e;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0d586e; --color-2: #7e1949; --color-3: #d6417f; --color-4: #00366c; --color-5: #ffffff; --color-6: #c17500; --color-7: #bdbc00; --color-8: #74747e;
Hex values
#0d586e, #7e1949, #d6417f, #00366c, #ffffff, #c17500, #bdbc00, #74747e
Building something? Get this palette via the REST API.
History
Similar palettes
Indigo Hour Study
Twilight Alchemy
Neon Bloom Dusk
Midnight Brass
Terracotta Sunrise
Blackberry Bakery Noon
Silk Hour Reverie
Cotton Candy Dawn
Slate & Honey Hour