Sorbet Sunrise Garden

Cool neon warmth meeting soft light, where bold strokes dissolve into whispered greens and luminous sky tones.

Open in generator

Colors

~Kisses and Hugs#FF6880

~Tangerine Tango#FF9D4F

~Banana Bombshell#F1E83F

~Walking on Sunshine#F1FF9F

~Minted Elegance#78C99A

~Paradisiacal Getaway#82DDEF

~Fresh Blue of Bel Air#30A2EF

~Night Snow#BCC5FF

Psychology

The palette pairs warm neon accents (vivid pinks, oranges, yellows) with a dominant cool green and blue foundation, creating visual tension that feels energizing rather than discordant. Low contrast between the lighter tones and moderate saturation prevent harshness, allowing the boldness to read as approachable rather than aggressive.
Complementary harmony between the warm lead colors and cool-dominant base engages the eye without overstimulation, triggering curiosity and gentle excitement typical of fresh, youthful energy.

Usage

Ideal for natural skincare branding, wellness app interfaces, and sustainable fashion packaging that need to signal innovation while maintaining softness and accessibility. Projects requiring playful yet refined visual systems benefit from the palette's ability to feel bold without clinical coldness, and its light profile works particularly well for digital platforms, print collateral, and lifestyle editorials targeting design-forward but approachable audiences.

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,
    #ff6880 0%,
    #ff9d4f 14%,
    #f1e83f 29%,
    #f1ff9f 43%,
    #78c99a 57%,
    #82ddef 71%,
    #30a2ef 86%,
    #bcc5ff 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #ff6880;
  --color-gradient-2: #ff9d4f;
  --color-gradient-3: #f1e83f;
  --color-gradient-4: #f1ff9f;
  --color-gradient-5: #78c99a;
  --color-gradient-6: #82ddef;
  --color-gradient-7: #30a2ef;
  --color-gradient-8: #bcc5ff;
}

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

CSS Variables

--color-1: #ff6880;
--color-2: #ff9d4f;
--color-3: #f1e83f;
--color-4: #f1ff9f;
--color-5: #78c99a;
--color-6: #82ddef;
--color-7: #30a2ef;
--color-8: #bcc5ff;

Hex values

#ff6880, #ff9d4f, #f1e83f, #f1ff9f, #78c99a, #82ddef, #30a2ef, #bcc5ff

Building something? Get this palette via the REST API.

History

Similar palettes

Jade Hour Glow

Neon Bloom Dusk

Shallow Waters

Pastel Lagoon

Indigo Hour Study

Celadon Reverie

Blackberry Bakery Noon

Butter Meadow Soft

Teal Linen Afternoon