Coral Depths Hour

Warm coral meets cool ocean depths, punctuated by electric lime and pristine white, creating high-contrast visual tension.

Open in generator

Colors

~Too Hot to Handle#BD5F57

~Sea Creature#0D586E

~White#FFFFFF

~Lost in Space#00366C

~Serpent Sceptre#BACC00

Psychology

The complementary pairing of warm red and cool blue creates visual vibration and immediate contrast that commands attention without feeling chaotic. The vivid lime-green acts as a visual catalyst, bridging the temperature extremes while the white provides breathing room, preventing the palette from feeling heavy or claustrophobic.
The two blue tones at different values establish depth and hierarchy, while the warm red's moderate saturation grounds the composition in sophistication rather than aggression.

Usage

Ideal for tech startup branding, editorial layouts with high visual impact, and modern packaging for premium goods seeking tension and energy. Projects requiring bold differentiation between content sections benefit from the high contrast, while the white's breathing room makes it effective for minimalist web interfaces and art direction in photography and print.
The palette particularly suits fashion editorials and avant-garde book covers where color drama amplifies conceptual messaging.

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,
    #bd5f57 0%,
    #0d586e 25%,
    #ffffff 50%,
    #00366c 75%,
    #bacc00 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #bd5f57;
  --color-gradient-2: #0d586e;
  --color-gradient-3: #ffffff;
  --color-gradient-4: #00366c;
  --color-gradient-5: #bacc00;
}

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

CSS Variables

--color-1: #bd5f57;
--color-2: #0d586e;
--color-3: #ffffff;
--color-4: #00366c;
--color-5: #bacc00;

Hex values

#bd5f57, #0d586e, #ffffff, #00366c, #bacc00

Building something? Get this palette via the REST API.

History

Similar palettes

Jade Hour Glow

Shallow Waters

Buttercream Lagoon

Pastel Lagoon Study

Celadon Reverie

Lavender Milk Hour

Dusk Linen Study

Frosted Lavender Drift

Terracotta Greenhouse Rest