Plum Porcelain Citrus
Cool depths meet warm spice across crisp linen, like looking through frosted glass at a distant garden.
Psychology
The deep blue and plum establish a sophisticated, recessive foundation that feels introspective and grounded, while the bright yellow punctuates with energy through high contrast and chromatic opposition. White interstices between colors prevent visual fatigue and allow each hue to breathe, creating a calm yet vibrant dynamic where cool and warm tones activate complementary harmony without aggression.
Usage
Suited for luxury cosmetics packaging, high-end stationery systems, and editorial fashion spreads where the soft mood and elegant palette communicate refinement. The high contrast and strategic white spacing work well for minimalist branding and print collateral that needs clarity without sterility, while the warm-cool balance appeals to projects targeting both contemporary and timeless sensibilities.
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%,
#501d45 33%,
#ffffff 50%,
#fccc4f 67%,
#c7958e 83%,
#ffffff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #00376c;
--color-gradient-2: #ffffff;
--color-gradient-3: #501d45;
--color-gradient-4: #ffffff;
--color-gradient-5: #fccc4f;
--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: #501d45; --color-4: #ffffff; --color-5: #fccc4f; --color-6: #c7958e; --color-7: #ffffff;
Hex values
#00376c, #ffffff, #501d45, #ffffff, #fccc4f, #c7958e, #ffffff
Building something? Get this palette via the REST API.
History
Similar palettes
Indigo Hour Study
Porcelain & Cobalt
Pastel Lagoon
Buttercream Lagoon
Roasted Almond Bloom
Kiln Ember Dusk
Dusk Linen Study
Caramel Linen Hour
Silk Hour Reverie