Soft Neon Canvas

Soft cream grounds vivid neon and magenta, creating luminous restraint with electric undertones and warm citrus contrast.

Open in generator

Colors

~Ghosted#E4DFD9

~Venerable White#F7F5F3

~Gin Tonic#EEEBE7

~Neon Blue#23D3FF

~Magenta#FF22FF

~Mango Tango#FE7F36

Psychology

The three neutral creams establish a low-contrast foundation that signals calm and accessibility, while the vivid cyan, magenta, and orange create high-saturation accents that draw focus without aggression. This complementary pairing between cool and warm vivids generates visual tension that feels balanced rather than jarring, allowing the neons to feel purposeful rather than chaotic. The lightness profile across all six colors prevents dark contrast fatigue, making the palette approachable for extended viewing.

Usage

Deploy in tech startup branding, SaaS dashboards, and minimal product packaging where neon accents need to feel sophisticated rather than playful. The cream base suits editorial layouts, fashion lookbooks, and interior concept boards where controlled pops of electric color enhance without overwhelming. Works especially well for wellness app interfaces and luxury digital products seeking modern restraint with contemporary energy.

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,
    #e4dfd9 0%,
    #f7f5f3 20%,
    #eeebe7 40%,
    #23d3ff 60%,
    #ff22ff 80%,
    #fe7f36 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #e4dfd9;
  --color-gradient-2: #f7f5f3;
  --color-gradient-3: #eeebe7;
  --color-gradient-4: #23d3ff;
  --color-gradient-5: #ff22ff;
  --color-gradient-6: #fe7f36;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */

CSS Variables

--color-1: #e4dfd9;
--color-2: #f7f5f3;
--color-3: #eeebe7;
--color-4: #23d3ff;
--color-5: #ff22ff;
--color-6: #fe7f36;

Hex values

#e4dfd9, #f7f5f3, #eeebe7, #23d3ff, #ff22ff, #fe7f36

Building something? Get this palette via the REST API.

History

Similar palettes

Porcelain Drift

Neon Bloom Dusk

Abyssal Hearth

Silk Hour Reverie

Twilight Alchemy

Jade Hour Glow

Electric Dusk

Midnight Brass

Periwinkle Linen Study