Tidal Amber Hour

Cool depths meet warm light, a moment where ocean stillness touches golden warmth and creates visual tension.

Colors

~Ocean’s Embrace#011F26
~Tropical Rain#4A8C8C
~Jack-O#FAB062

Tags

Psychology

The two teals establish a cool, recessive foundation that signals calm and stability, while the warm yellow advances sharply forward, creating high visual contrast that commands attention without chaos. This complementary pairing triggers dynamic tension, where the cool tones anchor perception and the warm accent energizes it, producing a balanced psychological state that feels both grounded and alive.
The muted saturation of all three hues prevents overstimulation, allowing the cool-warm opposition to feel sophisticated rather than jarring.

Usage

Ideal for sustainable tech branding, hospitality design, and editorial layouts where depth and focal hierarchy matter. The high contrast supports clear visual hierarchy in web interfaces and packaging while the cool palette base maintains sophistication and trust.
Outdoor apparel campaigns, luxury resort collateral, and craft beverage labels benefit from the balanced mood that reads as both adventurous and refined.

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,
    #011f26 0%,
    #4a8c8c 50%,
    #fab062 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #011f26;
  --color-gradient-2: #4a8c8c;
  --color-gradient-3: #fab062;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #011f26;
--color-2: #4a8c8c;
--color-3: #fab062;
Hex values
#011f26, #4a8c8c, #fab062

Building something? Get this palette via the REST API.

History

Similar palettes

Frosted Meadow
Teal Linen Afternoon
Pastel Lagoon
Periwinkle Wheat Hour
Midnight Pool Glow
Jade Hour Glow
Neon Bloom Dusk
Mineral Spring Dawn
Coastal Depths Morning