Summer Citrus

Serenity’s Reign (#4e77d0), Straightforward Green (#50a350), and Happy Hearts (#d3625f) come together in this seasonal palette, well suited to vibrant designs.

seasonalvibrant
Visualize
:root {
  --color-1: #4e77d0;
  --color-2: #e16f6b;
  --color-3: #50a350;
  --color-4: #a9c6ff;
  --color-5: #d3625f;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Similar palettes

Dark Eclipse12
Passionate Blue6
Apple Cinnamon22
Pico Void24
Cowgirl Boots40
Tilted Red37
Florida Waters3
Stylish Red21

Summer Citrus FAQ

What colors are in Summer Citrus?

Summer Citrus uses 5 colors: Serenity’s Reign, Childhood Crush, Straightforward Green, Night Snow, Happy Hearts.

Is Summer Citrus accessible for text and backgrounds?

The highest-contrast pair in this palette is Serenity’s Reign on Night Snow, at 2.5:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Summer Citrus in a project?

Copy the hex codes above, or open Summer Citrus in the generator to remix it and export as CSS, Tailwind, or JSON.