Celadon Reverie
Soft afternoon light filtering through pale fabrics, warm cream against cool sage, whisper-quiet and touchable.
Psychology
The triadic harmony of muted greens, warm coral, and soft orange creates visual balance without tension, while the very low contrast and high lightness values evoke a sense of restraint and gentleness rather than excitement.
Cool tones in the greens and teals recede while warm peachy notes advance subtly, producing spatial depth that feels natural rather than jarring.
Low chroma across all five colors signals psychological calm, making the palette inherently soothing despite its mixed temperature distribution.
Cool tones in the greens and teals recede while warm peachy notes advance subtly, producing spatial depth that feels natural rather than jarring.
Low chroma across all five colors signals psychological calm, making the palette inherently soothing despite its mixed temperature distribution.
Usage
Ideal for organic skincare and wellness packaging, artisanal ceramics branding, and editorial layouts for lifestyle magazines where soft contrast supports readability without visual strain.
Projects requiring minimal visual noise while maintaining color richness benefit from this palette's ability to layer multiple hues without creating discord.
Works particularly well in sustainable fashion and plant-based food packaging, where the green-dominant, muted aesthetic aligns with natural and wholesome brand values.
Projects requiring minimal visual noise while maintaining color richness benefit from this palette's ability to layer multiple hues without creating discord.
Works particularly well in sustainable fashion and plant-based food packaging, where the green-dominant, muted aesthetic aligns with natural and wholesome brand values.
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,
#fef2f2 0%,
#e2f0cb 25%,
#b5ead7 50%,
#ffb7b2 75%,
#ffdac1 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #fef2f2;
--color-gradient-2: #e2f0cb;
--color-gradient-3: #b5ead7;
--color-gradient-4: #ffb7b2;
--color-gradient-5: #ffdac1;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #fef2f2; --color-2: #e2f0cb; --color-3: #b5ead7; --color-4: #ffb7b2; --color-5: #ffdac1;
Hex values
#fef2f2, #e2f0cb, #b5ead7, #ffb7b2, #ffdac1
Building something? Get this palette via the REST API.
History
Similar palettes
Pastel Lagoon
Teal Linen Afternoon
Shallow Waters
Wheat Field Glow
Moss Shallow Study
Caramel Linen Hour
Frosted Lavender Drift
Orchard Wall Study
Misty Lagoon Hour
