Velvet Magenta Study

Deep jewel tones meet luminous accents, creating a tactile warmth against cool shadows and bright silk highlights.

Open in generator

Colors

~Pick Your Brain#F09199

~Merlot Magic#BA3B4F

~Grape#713768

~Lost in Space#00366C

~White#FFFFFF

~Enchanting Ivy#2E5754

~Honey and Thyme#AEAB0A

~Mamba Yellow#FFCF00

Psychology

The palette balances warm pink and yellow advances against cool blue and teal recesses, creating visual tension that holds attention without feeling chaotic. High contrast between light whites and deep purples, teals, and blues generates a sense of sophisticated drama, while the muted teal and moderate purples prevent the vivid pinks and yellows from reading as juvenile. The complementary harmony between warm pinks and cool teals creates a deeply satisfying visual equilibrium that feels both modern and luxurious.

Usage

This palette excels in luxury cosmetics packaging, where the warm pinks suggest sensuality and the deep teals convey sophistication, and in high-end fashion editorials that require both warmth and architectural depth. Use it for boutique wine or spirits branding that pairs rich plum-wine tones with jewel accents, and in editorial design where the high contrast supports legibility while maintaining elegance. The mixed temperature profile works particularly well for projects requiring visual hierarchy and refinement without sacrificing 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,
    #f09199 0%,
    #ba3b4f 14%,
    #713768 29%,
    #00366c 43%,
    #ffffff 57%,
    #2e5754 71%,
    #aeab0a 86%,
    #ffcf00 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #f09199;
  --color-gradient-2: #ba3b4f;
  --color-gradient-3: #713768;
  --color-gradient-4: #00366c;
  --color-gradient-5: #ffffff;
  --color-gradient-6: #2e5754;
  --color-gradient-7: #aeab0a;
  --color-gradient-8: #ffcf00;
}

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

CSS Variables

--color-1: #f09199;
--color-2: #ba3b4f;
--color-3: #713768;
--color-4: #00366c;
--color-5: #ffffff;
--color-6: #2e5754;
--color-7: #aeab0a;
--color-8: #ffcf00;

Hex values

#f09199, #ba3b4f, #713768, #00366c, #ffffff, #2e5754, #aeab0a, #ffcf00

Building something? Get this palette via the REST API.

History

Similar palettes

Neon Bloom Dusk

Indigo Hour Study

Midnight Brass

Twilight Alchemy

Jade Hour Glow

Cotton Candy Dawn

Silk Hour Reverie

Frosted Lavender Drift

Pastel Lagoon