Murasaki Marketplace
Jewel tones meet warm spice in a high-contrast scene of silken fabrics and burnished gold light.
Psychology
The palette anchors itself in deep, saturated pinks and blues that create visual tension while maintaining balance through their triadic arrangement. Warm yellows and reds advance toward the viewer, while cool blues recede, producing spatial depth and sophistication that reads as intentional rather than chaotic.
High chroma in the dominant pinks and accent yellows generates energy without aggression, while the muted terracotta and mid-tone blue ground the composition in elegance and restraint. This combination signals luxury and craftsmanship.
High chroma in the dominant pinks and accent yellows generates energy without aggression, while the muted terracotta and mid-tone blue ground the composition in elegance and restraint. This combination signals luxury and craftsmanship.
Usage
Suits artisanal cosmetics branding, high-end textile packaging, and editorial fashion spreads where sophistication and warmth must coexist.
Restaurant menus for upscale fusion dining, luxury spa identities, and heritage craft product lines benefit from the palette's balance of drama and accessibility.
Projects requiring bold color storytelling without coldness or rich visual hierarchy with approachability leverage this palette's high contrast and warm temperature effectively.
Restaurant menus for upscale fusion dining, luxury spa identities, and heritage craft product lines benefit from the palette's balance of drama and accessibility.
Projects requiring bold color storytelling without coldness or rich visual hierarchy with approachability leverage this palette's high contrast and warm temperature effectively.
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%,
#501d45 14%,
#db1942 29%,
#00366c 43%,
#c79590 57%,
#7083a3 71%,
#dbd758 86%,
#fccc4f 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #ffffff;
--color-gradient-2: #501d45;
--color-gradient-3: #db1942;
--color-gradient-4: #00366c;
--color-gradient-5: #c79590;
--color-gradient-6: #7083a3;
--color-gradient-7: #dbd758;
--color-gradient-8: #fccc4f;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #ffffff; --color-2: #501d45; --color-3: #db1942; --color-4: #00366c; --color-5: #c79590; --color-6: #7083a3; --color-7: #dbd758; --color-8: #fccc4f;
Hex values
#ffffff, #501d45, #db1942, #00366c, #c79590, #7083a3, #dbd758, #fccc4f
Building something? Get this palette via the REST API.
History
Similar palettes
Indigo Hour Study
Terracotta Sunrise
Kiln Ember Dusk
Honeycomb Afternoon
Pastel Lagoon
Buttercream Lagoon
Flamingo Hour
Ember & Cream
Twilight Alchemy