Sapphire & Honey Rest
Crisp linen touched by deep water and soft spice, held in stillness by expansive white space.
Psychology
The deep blue anchor grounds the composition with calm recessive weight, while vivid lime and muted terracotta advance gently through warm contrast, creating dynamic tension without aggression. Triadic harmony produces visual interest, but the palette's dominant white space and soft saturation levels prevent overstimulation, fostering quiet confidence rather than visual noise.
The blue-to-warm separation activates color theory's advancing and receding principles, while low chroma on the terracotta and strategic white breathing room signal restraint and luxury.
The blue-to-warm separation activates color theory's advancing and receding principles, while low chroma on the terracotta and strategic white breathing room signal restraint and luxury.
Usage
Ideal for natural skincare branding, minimalist editorial layouts, and artisanal food packaging where high contrast draws attention without sacrificing sophistication. The palette's mixed temperature and soft mood support projects requiring both visual clarity and calming presence, such as wellness app interfaces, luxury stationery systems, or small-batch product lines.
Best deployed in layouts with generous whitespace to honor the palette's contemplative character and prevent visual fatigue.
Best deployed in layouts with generous whitespace to honor the palette's contemplative character and prevent visual fatigue.
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,
#00376c 0%,
#ffffff 17%,
#ffffff 33%,
#ffffff 50%,
#dbd65a 67%,
#c7958e 83%,
#ffffff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #00376c;
--color-gradient-2: #ffffff;
--color-gradient-3: #ffffff;
--color-gradient-4: #ffffff;
--color-gradient-5: #dbd65a;
--color-gradient-6: #c7958e;
--color-gradient-7: #ffffff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #00376c; --color-2: #ffffff; --color-3: #ffffff; --color-4: #ffffff; --color-5: #dbd65a; --color-6: #c7958e; --color-7: #ffffff;
Hex values
#00376c, #ffffff, #ffffff, #ffffff, #dbd65a, #c7958e, #ffffff
Building something? Get this palette via the REST API.
History
Similar palettes
Buttercream Lagoon
Porcelain & Cobalt
Pastel Lagoon
Dusk Linen Study
Abyssal Hearth
Peach Hour
Caramel Linen Hour
Slate & Honey Hour
Midnight Brass