Teal Descent Study

Cool waters deepening into shadow, crisp and layered like light filtering through glass and stone.

Colors

~Tadorna Teal#4CD9AF

~True Sky Blue#39A2BD

~Fading Night#3074C3

~Pacific Navy#32488B

Psychology

The palette transitions from teal to navy through progressively deeper cool hues, creating visual depth while maintaining moderate contrast that prevents visual fatigue. Blues and teals are associated with trust and clarity, while the shift toward darker values adds sophistication and focus without coldness. The moderate lightness and cool temperature ground the palette in restraint, making it feel intentional rather than aggressive.

Usage

Tech product interfaces, financial services branding, and editorial design benefit from this palette's balance of boldness and professionalism. Luxury hospitality websites, corporate identity systems, and premium packaging leverage the cool, composed progression to convey stability and refinement. The diverse blue-to-teal family works especially well for projects requiring depth cues and visual hierarchy across digital and print applications.

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,
    #4cd9af 0%,
    #39a2bd 33%,
    #3074c3 67%,
    #32488b 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #4cd9af;
  --color-gradient-2: #39a2bd;
  --color-gradient-3: #3074c3;
  --color-gradient-4: #32488b;
}

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

CSS Variables

--color-1: #4cd9af;
--color-2: #39a2bd;
--color-3: #3074c3;
--color-4: #32488b;

Hex values

#4cd9af, #39a2bd, #3074c3, #32488b

Building something? Get this palette via the REST API.

History

Similar palettes

Jade Hour Glow

Shallow Waters

Frosted Lavender Drift

Pastel Lagoon Study

Misty Lagoon Hour

Midnight Pool Glow

Neon Bloom Dusk

Mineral Spring Dawn

Neon Descent Study