Candy Floss Reverie

Soft pastels caught in afternoon light, where warm pinks melt into cool blues and purple whispers, creating hushed moments of gentle balance.

Open in generator

Colors

~Cotton Candy Comet#FFC7CE

~Ballet Slippers#FF9EAD

~Cotton Ball#F0F5FF

~Broad Daylight#B7DFFA

~Testosterose#D6ABF6

~Wondrous Wisteria#B0A6F4

~Perrywinkle#7C91DE

Psychology

The triadic balance of pink, blue, and purple creates visual harmony without tension, while low chroma across all hues signals emotional restraint and tranquility. Warm pinks advance slightly toward the viewer, anchoring the palette, while cool blues and purples recede, producing depth without contrast or drama. This combination evokes the psychological comfort of pastels, which research links to reduced visual stress and a sense of nostalgic calm.

Usage

Ideal for luxury cosmetics packaging, high-end stationery design, and soft goods branding where gentle sophistication matters more than bold impact. Projects requiring approachability without aggression, such as wellness app interfaces, artisanal confectionery labels, and fashion lookbooks for delicate fabrics, benefit from the palette's low-contrast, light-filled aesthetic. The mixed temperature creates visual interest while the pale values keep the overall impression serene and refined.

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,
    #ffc7ce 0%,
    #ff9ead 17%,
    #f0f5ff 33%,
    #b7dffa 50%,
    #d6abf6 67%,
    #b0a6f4 83%,
    #7c91de 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #ffc7ce;
  --color-gradient-2: #ff9ead;
  --color-gradient-3: #f0f5ff;
  --color-gradient-4: #b7dffa;
  --color-gradient-5: #d6abf6;
  --color-gradient-6: #b0a6f4;
  --color-gradient-7: #7c91de;
}

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

CSS Variables

--color-1: #ffc7ce;
--color-2: #ff9ead;
--color-3: #f0f5ff;
--color-4: #b7dffa;
--color-5: #d6abf6;
--color-6: #b0a6f4;
--color-7: #7c91de;

Hex values

#ffc7ce, #ff9ead, #f0f5ff, #b7dffa, #d6abf6, #b0a6f4, #7c91de

Building something? Get this palette via the REST API.

History

Similar palettes

Silk Hour Reverie

Neon Bloom Dusk

Twilight Alchemy

Lilac Petal Afternoon

Amethyst Linen Dawn

Lavender Milk Hour

Silk & Strawberry

Milk Glass Morning

Coral Tide Study