Shallows at Dawn

Soft, luminous tones that evoke morning mist over shallow tropical waters, cool yet nurturing.

Open in generator

Colors

~Praise the Sun#F1F4D9

~Caribbean#C2F2E4

~Hint of Mint#DEF4D9

~Pristine Oceanic#35C8B4

~Lime Zest#DEFF2C

Psychology

The palette's low contrast and teal dominance create a serene, receding visual field that promotes mental clarity without fatigue. Muted greens and teals activate restorative associations with natural water and foliage, while the pale yellow ground and lime accent provide subtle warmth and approachability without overwhelming the cool foundation. This balance of calmness with gentle vitality produces a meditative yet refreshed emotional state.

Usage

Ideal for skincare and wellness packaging where soft cooling tones suggest purity and natural ingredients, minimal editorial layouts that need breathing room and sophisticated restraint, and sustainable fashion branding that communicates eco-consciousness. Projects requiring low cognitive load, such as meditation apps, spa websites, and organic food labels, benefit from this palette's gentle chromatic temperature and muted saturation.
Interior design schemes for bedrooms and spa spaces also leverage its calming properties without feeling cold or clinical.

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,
    #f1f4d9 0%,
    #c2f2e4 25%,
    #def4d9 50%,
    #35c8b4 75%,
    #deff2c 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #f1f4d9;
  --color-gradient-2: #c2f2e4;
  --color-gradient-3: #def4d9;
  --color-gradient-4: #35c8b4;
  --color-gradient-5: #deff2c;
}

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

CSS Variables

--color-1: #f1f4d9;
--color-2: #c2f2e4;
--color-3: #def4d9;
--color-4: #35c8b4;
--color-5: #deff2c;

Hex values

#f1f4d9, #c2f2e4, #def4d9, #35c8b4, #deff2c

Building something? Get this palette via the REST API.

History

Similar palettes

Shallow Waters

Moss Shallow Study

Celadon Reverie

Jade Hour Glow

Pastel Lagoon

Butter Meadow Soft

Pastel Lagoon Study

Terracotta Greenhouse Rest

Misty Lagoon Hour