Tidepool Beacon
Cool depths punctuated by electric lime, a palette of high-contrast clarity and submerged serenity.
Psychology
The muted teal base paired with vivid lime creates visual tension that commands attention while the recessive deep tones ground the energy. High chroma in the yellow-green sits in stark opposition to the low-saturation darks, a contrast principle that activates perception and prevents visual fatigue. White acts as a reset between extremes, allowing the cool family to feel unified despite its dramatic range.
Usage
Ideal for fintech dashboards, sustainability-focused branding, and editorial layouts where clarity and precision matter. Product photography backdrops, tech startup websites, and minimalist packaging leverage the high contrast to make imagery pop without warmth. The balanced cool tonality suits healthcare interfaces, environmental nonprofits, and contemporary art direction seeking sophistication with visual punch.
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 20%,
#5ac6ce 40%,
#ffffff 60%,
#011714 80%,
#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;
--color-gradient-6: #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; --color-6: #011714;
Hex values
#011714, #bcdc2b, #5ac6ce, #ffffff, #011714, #011714
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Shallow Waters
Moss Shallow Study
Pastel Lagoon Study
Misty Lagoon Hour
Sage Garden Noon
Fjord Depth Rise
Peat & Tidepool
Grain & Lagoon