Lagoon Citrus Midnight
Cool waters meet electric brightness, a high-contrast balance of deep shadows and luminous accents with clean, crisp overtones.
Psychology
The deep teal anchors create stability and trust, while the vivid lime-green accent demands attention through high saturation and lightness contrast. This opposition activates visual hierarchy without warmth, allowing the cool palette to maintain composure while the bright green spark energizes, a principle of complementary tension that engages without overwhelming.
Usage
Ideal for tech startup branding, modern interior design accent walls, and editorial photography styling where high contrast signals clarity and forward momentum. The palette excels in projects requiring bold visual distinction without warmth, such as sustainable product packaging or UI design systems where cool tones suggest innovation and calm efficiency.
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,
#011714 0%,
#bcdc2b 25%,
#5ac6ce 50%,
#ffffff 75%,
#011714 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #011714;
--color-gradient-2: #bcdc2b;
--color-gradient-3: #5ac6ce;
--color-gradient-4: #ffffff;
--color-gradient-5: #011714;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #011714; --color-2: #bcdc2b; --color-3: #5ac6ce; --color-4: #ffffff; --color-5: #011714;
Hex values
#011714, #bcdc2b, #5ac6ce, #ffffff, #011714
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Pastel Lagoon Study
Shallow Waters
Moss Shallow Study
Misty Lagoon Hour
Fjord Depth Rise
Grain & Lagoon
Celadon Reverie
Sage Garden Noon