Velvet Orchard Midnight

A jewel-toned stage where cool depths meet warm luminescence, creating tension and visual intrigue.

Open in generator

Colors

~Merlot Magic#BA3B4F

~Grape#713768

~Enchanting Ivy#2E5754

~Lost in Space#00366C

~White#FFFFFF

~Honey and Thyme#AEAB0A

~Mamba Yellow#FFCF00

~Pick Your Brain#F0949B

Psychology

The palette pairs cool, receding teals and deep blues with warm, advancing pinks and yellows, creating visual push-pull tension that demands attention while the white anchor prevents overwhelming saturation. The complementary relationship between the cool-dark foundation and warm-light accents produces dynamic energy without chaos, evoking sophistication rather than playfulness. High contrast between the muted teal-purple mids and vivid yellow-pink extremes activates perception, making this palette suitable for work that needs to command focus.

Usage

Effective for luxury beauty campaigns, editorial magazine spreads, and wine or spirits branding where jewel tones convey premium positioning. The high contrast and mixed temperature make it ideal for fashion lookbooks and art gallery websites that require visual sophistication and depth. Use in packaging design for artisanal or vintage-inspired products where the complementary warmth and cool create tactile sensuality.

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,
    #ba3b4f 0%,
    #713768 14%,
    #2e5754 29%,
    #00366c 43%,
    #ffffff 57%,
    #aeab0a 71%,
    #ffcf00 86%,
    #f0949b 100%
  );

Tailwind v4

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

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

CSS Variables

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

Hex values

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

Building something? Get this palette via the REST API.

History

Similar palettes

Neon Bloom Dusk

Midnight Brass

Indigo Hour Study

Twilight Alchemy

Silk Hour Reverie

Jade Hour Glow

Neon Descent Study

Cotton Candy Dawn

Pastel Lagoon