Slate Harbor Calm
Soft, cool tones layered like calm water and weathered stone, evoking quiet depth and gentle shadows.
Psychology
The analogous blue-teal harmony creates visual cohesion while low saturation across all five colors signals restraint and contemplation rather than urgency. Cool hues naturally recede and soothe, lowering perceived energy, while the mid-range lightness prevents both glare and heaviness, encouraging sustained attention. This combination produces a meditative quality associated with trust, stability, and introspection.
Usage
Ideal for minimalist publishing, spa and wellness branding, and corporate tech interfaces where calm professionalism matters more than visual excitement. Projects requiring soft editorial layouts, luxury skincare packaging, and interior design mood boards benefit from the palette's muted restraint and sophisticated depth. The low contrast suits extended viewing without fatigue, making it particularly effective for digital products and gallery wall concepts.
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,
#b2bace 0%,
#6fa5b2 25%,
#6484ae 50%,
#41798e 75%,
#406976 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #b2bace;
--color-gradient-2: #6fa5b2;
--color-gradient-3: #6484ae;
--color-gradient-4: #41798e;
--color-gradient-5: #406976;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #b2bace; --color-2: #6fa5b2; --color-3: #6484ae; --color-4: #41798e; --color-5: #406976;
Hex values
#b2bace, #6fa5b2, #6484ae, #41798e, #406976
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Linen Study
Pastel Lagoon Study
Mineral Spring Dawn
Periwinkle Linen Study
Coastal Porcelain Dawn
Coastal Inlet Calm
Coastal Depths Morning
Snowmelt Lagoon
Jade Hour Glow