Coastal Sediment Study
Soft, layered blues that recall still water catching diffused light, inviting quiet focus without visual strain.
Psychology
The palette's cool blue-teal family and very low contrast create a recessive, restful visual environment that reduces cognitive load and encourages sustained attention. Each hue sits within a narrow lightness range, preventing any color from advancing aggressively, which reinforces the sense of visual equilibrium and gentle progression. This harmonic restraint aligns with color theory principles showing that muted, analogous palettes elicit calm rather than stimulation.
Usage
Ideal for mindfulness app interfaces, spa and wellness packaging, and editorial photography layouts where visual noise must be minimized. Projects requiring sustained user engagement or meditative atmospheres benefit from the palette's low contrast and cool temperature, which signal openness and approachability without aggression. Works equally well in corporate intranets and lifestyle branding where soft professionalism and clarity must coexist.
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,
#83d6d3 0%,
#95c5cf 25%,
#9cdcf4 50%,
#a3bede 75%,
#9eb9e8 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #83d6d3;
--color-gradient-2: #95c5cf;
--color-gradient-3: #9cdcf4;
--color-gradient-4: #a3bede;
--color-gradient-5: #9eb9e8;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #83d6d3; --color-2: #95c5cf; --color-3: #9cdcf4; --color-4: #a3bede; --color-5: #9eb9e8;
Hex values
#83d6d3, #95c5cf, #9cdcf4, #a3bede, #9eb9e8
Building something? Get this palette via the REST API.
History
Similar palettes
Pastel Lagoon Study
Coastal Inlet Calm
Periwinkle Linen Study
Mineral Spring Dawn
Coastal Linen Study
Snowmelt Lagoon
Jade Hour Glow
Shallow Waters
Coastal Porcelain Dawn