Obsidian Lagoon

Stark contrast meets soft water, like looking into a still teal pool at the edge of darkness.

Colors

~Black#000000

~Whirlpool#98D5D1

Psychology

Black and muted teal create high visual contrast that commands attention while the low saturation of the teal prevents harshness, producing a simultaneously bold yet serene effect. The cool teal recedes while black advances, establishing clear visual hierarchy and depth without warmth or energy. This combination triggers associations with stillness and clarity, leveraging the principle that neutral achromatic anchors stabilize and ground cooler hues.

Usage

Ideal for minimalist tech interfaces, luxury spa branding, and editorial photography layouts where dramatic contrast supports readability without warmth. Projects demanding calm sophistication benefit from this palette's ability to signal both precision and tranquility, particularly in medical wellness packaging, contemporary furniture design, and financial services websites.
Architectural visualization, high-end product photography, and luxury fashion campaigns leverage the strong contrast for visual impact while the muted teal prevents visual fatigue.

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,
    #000000 0%,
    #98d5d1 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #000000;
  --color-gradient-2: #98d5d1;
}

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

CSS Variables

--color-1: #000000;
--color-2: #98d5d1;

Hex values

#000000, #98d5d1

Building something? Get this palette via the REST API.

History

Similar palettes

Slate Pool Breath

Periwinkle Linen Study

Tidewater Passage

Tidepool Depths Morning

Coastal Depths Morning

Mineral Pool Drift

Azure Depth Hour

Abyssal Calm

Tidal Amber Hour