InstantGradient
Open the editor

Plum Signal Canvas

Crisp white breathing space punctuated by deep jewel tones and electric accent, evoking high contrast, gallery-lit moments.

Open in generator

Colors

~White#FFFFFF
~White#FFFFFF
~Pimm’s#C35757
~Murasaki#501D45
~White#FFFFFF
~Lost in Space#00376C
~Red Herring#DB1942
~White#FFFFFF

Psychology

The palette leverages high contrast between dominant whites and saturated jewel tones, a composition where cool deep blue and warm magentas create visual tension without chaos. Pink and red families dominate the warm register, while the cobalt blue recesses spatially, establishing depth through temperature shift. The triadic harmony with abundant neutral space produces a decisive, confident energy that feels composed rather than chaotic, allowing each accent color to command attention without overwhelming.

Usage

Ideal for luxury fashion editorials, high-end cosmetics branding, and gallery or museum collateral that demands sophistication through restraint. The stark whites paired with deep jewel tones excel in premium packaging design and editorial photography, where negative space and bold color blocks create visual hierarchy. Projects requiring contemporary branding or art direction benefit from the palette's ability to convey elegance through dramatic contrast rather than complexity.

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%,
    #501d45 43%,
    #ffffff 57%,
    #00376c 71%,
    #db1942 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: #501d45;
  --color-gradient-5: #ffffff;
  --color-gradient-6: #00376c;
  --color-gradient-7: #db1942;
  --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: #501d45;
--color-5: #ffffff;
--color-6: #00376c;
--color-7: #db1942;
--color-8: #ffffff;
Hex values
#ffffff, #ffffff, #c35757, #501d45, #ffffff, #00376c, #db1942, #ffffff

Building something? Get this palette via the REST API.

History

Similar palettes

Indigo Hour Study
Porcelain & Cobalt
Flamingo Hour
Ember & Cream
Silk Hour Reverie
Dusk Linen Study
Coral Tide Study
Roasted Almond Bloom
Pastel Lagoon