Linen & Cobalt Noon
Soft linen under bright sun, touched by cool depths, with warm earth tones grounding the contrast.
Psychology
The triadic balance of warm reds and yellows against cool cobalt blue creates visual tension while remaining approachable through muted, mid-tone saturation. The dominant white space and soft red family lower the palette's overall energy, preventing the high contrast from feeling jarring or aggressive.
Cool recedes, warm advances, placing the deep blue as a stable anchor while softer reds and cream suggest intimacy and calm, a principle that grounds sophisticated design without coldness.
Cool recedes, warm advances, placing the deep blue as a stable anchor while softer reds and cream suggest intimacy and calm, a principle that grounds sophisticated design without coldness.
Usage
Ideal for artisanal cosmetics packaging, minimalist hospitality branding, and editorial photography that balances warmth with restraint. Projects requiring high visual contrast without intensity benefit from this palette's soft saturation and abundant white, making it effective for luxury goods positioning comfort alongside sophistication.
Home textile lines, organic food branding, and contemporary gallery interiors leverage the triadic harmony to create memorable, calming spaces that feel both curated and lived-in.
Home textile lines, organic food branding, and contemporary gallery interiors leverage the triadic harmony to create memorable, calming spaces that feel both curated and lived-in.
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,
#ffffff 0%,
#ffffff 14%,
#c35757 29%,
#c7958e 43%,
#ffffff 57%,
#00376c 71%,
#fccc4f 86%,
#ffffff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #ffffff;
--color-gradient-2: #ffffff;
--color-gradient-3: #c35757;
--color-gradient-4: #c7958e;
--color-gradient-5: #ffffff;
--color-gradient-6: #00376c;
--color-gradient-7: #fccc4f;
--color-gradient-8: #ffffff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #ffffff; --color-2: #ffffff; --color-3: #c35757; --color-4: #c7958e; --color-5: #ffffff; --color-6: #00376c; --color-7: #fccc4f; --color-8: #ffffff;
Hex values
#ffffff, #ffffff, #c35757, #c7958e, #ffffff, #00376c, #fccc4f, #ffffff
Building something? Get this palette via the REST API.
History
Similar palettes
Porcelain & Cobalt
Buttercream Lagoon
Pastel Lagoon
Dusk Linen Study
Abyssal Hearth
Peach Hour
Caramel Linen Hour
Slate & Honey Hour
Midnight Brass