Ink & Citrus Strike
Deep water meeting bright citrus, punctuated by crisp white intervals, sharp and deliberate in its contrast.
Psychology
The deep blue recedes into the background, establishing visual weight and authority, while the vivid red-pink and yellow leap forward through high saturation and warm temperature, creating dynamic tension. This triadic structure generates visual energy without chaos, as the repeated white spaces break the intensity and guide the eye, preventing overstimulation. The interplay between cool and warm families triggers both stability (from the blue foundation) and excitement (from the advancing warm tones), producing a response that feels both grounded and activating.
Usage
Ideal for luxury tech startups, high-end beverage branding, and editorial design where bold geometric layouts need to command attention without sacrificing sophistication. Fashion and cosmetics packaging benefit from the palette's ability to signal premium quality through the deep blue while the citrus and red accents convey vibrancy and freshness. Modern poster design and digital interfaces leverage the high contrast and triadic harmony to create hierarchical clarity and visual interest across multiple touchpoints.
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,
#00376c 0%,
#ffffff 17%,
#db1942 33%,
#ffffff 50%,
#dbd65a 67%,
#ffffff 83%,
#ffffff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #00376c;
--color-gradient-2: #ffffff;
--color-gradient-3: #db1942;
--color-gradient-4: #ffffff;
--color-gradient-5: #dbd65a;
--color-gradient-6: #ffffff;
--color-gradient-7: #ffffff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #00376c; --color-2: #ffffff; --color-3: #db1942; --color-4: #ffffff; --color-5: #dbd65a; --color-6: #ffffff; --color-7: #ffffff;
Hex values
#00376c, #ffffff, #db1942, #ffffff, #dbd65a, #ffffff, #ffffff
Building something? Get this palette via the REST API.
History
Similar palettes
Indigo Hour Study
Roasted Almond Bloom
Midnight Brass
Blackberry Bakery Noon
Silk Hour Reverie
Cotton Candy Dawn
Coral Tide Study
Porcelain & Cobalt
Pastel Lagoon