Porcelain & Sapphire

Crisp linen separating deep water from a sharp, warm pulse, held in soft focus and high contrast.

Colors

~Lost in Space#00376C
~White#FFFFFF
~Red Herring#DB1942
~White#FFFFFF
~English Manor#6E83A3
~White#FFFFFF
~White#FFFFFF

Psychology

The triadic harmony between deep navy, muted periwinkle, and vivid red-pink creates visual tension that feels controlled rather than chaotic, anchored by abundant white space. Cool blues recede while the warm red herring accent advances, establishing depth without aggression. Low saturation on the blue tones paired with high contrast strips away visual noise, signaling clarity and restraint rather than excess.

Usage

Works exceptionally well for luxury skincare branding, minimalist editorial layouts, and high-end fashion lookbooks where contrast and breathing room communicate sophistication. The soft mood with sharp accent suits tech startup interfaces and art direction for print campaigns where elegant restraint must coexist with focal point clarity. The palette's predominantly cool, airy character serves winter hospitality design, gallery identity systems, and premium stationery projects requiring quiet confidence.

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%,
    #db1942 33%,
    #ffffff 50%,
    #6e83a3 67%,
    #ffffff 83%,
    #ffffff 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #00376c;
  --color-gradient-2: #ffffff;
  --color-gradient-3: #db1942;
  --color-gradient-4: #ffffff;
  --color-gradient-5: #6e83a3;
  --color-gradient-6: #ffffff;
  --color-gradient-7: #ffffff;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #00376c;
--color-2: #ffffff;
--color-3: #db1942;
--color-4: #ffffff;
--color-5: #6e83a3;
--color-6: #ffffff;
--color-7: #ffffff;
Hex values
#00376c, #ffffff, #db1942, #ffffff, #6e83a3, #ffffff, #ffffff

Building something? Get this palette via the REST API.

History

Similar palettes

Abyssal Hearth
Indigo Hour Study
Silk Hour Reverie
Silk & Strawberry
Coral Tide Study
Blush Shipyard
Roasted Almond Bloom
Porcelain Depth Study
Porcelain & Cobalt
Porcelain & Sapphire — Color Palette | InstantGradient