Grain & Lagoon
Warm grain tones meet cool shallow waters, creating a grounded, tranquil atmosphere with soft natural light.
Psychology
The triadic balance between warm yellows and greens anchors the palette, while the dominant cool teals create psychological distance and calm focus. The mixed lightness profile prevents visual fatigue, with muted mid-tones (Silken Jade, Seaweed) providing stability against the lighter, airier teals. This combination leverages cool color recension and moderate saturation to evoke introspection and equilibrium rather than urgency.
Usage
Ideal for sustainable fashion branding, spa and wellness packaging, and editorial layouts celebrating natural materials and environments. The moderate contrast and cool temperature work well in projects requiring approachability without high energy, such as organic beauty product design and nature-focused digital interfaces. Best suited for applications where balance and trustworthiness matter more than visual drama.
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,
#8b6224 0%,
#b1a859 14%,
#79975b 29%,
#5d9772 43%,
#84dfc8 57%,
#206663 71%,
#99f5fb 86%,
#58cbd6 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #8b6224;
--color-gradient-2: #b1a859;
--color-gradient-3: #79975b;
--color-gradient-4: #5d9772;
--color-gradient-5: #84dfc8;
--color-gradient-6: #206663;
--color-gradient-7: #99f5fb;
--color-gradient-8: #58cbd6;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #8b6224; --color-2: #b1a859; --color-3: #79975b; --color-4: #5d9772; --color-5: #84dfc8; --color-6: #206663; --color-7: #99f5fb; --color-8: #58cbd6;
Hex values
#8b6224, #b1a859, #79975b, #5d9772, #84dfc8, #206663, #99f5fb, #58cbd6
Building something? Get this palette via the REST API.
History
Similar palettes
Frosted Meadow
Moss Shallow Study
Misty Lagoon Hour
Orchard Harvest Rest
Shallow Waters
Teal Linen Afternoon
Chalk Garden Bloom
Celadon Reverie
Jade Hour Glow
