Leapfrog
Leapfrog (#49ad4c), Barolo (#6f000f), and Hibiscus Pop (#d47bdc) come together in this vibrant palette, well suited to dark designs.
:root {
--color-1: #49ad4c;
--color-2: #00b1be;
--color-3: #a14ba9;
--color-4: #6f000f;
--color-5: #57bb5a;
--color-6: #00474d;
--color-7: #d47bdc;
}.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
Leapfrog FAQ
What colors are in Leapfrog?
Leapfrog uses 7 colors: Leapfrog, Deep Turquoise, Purpureus, Barolo, Forest Maid, Sherpa Blue, Hibiscus Pop.
Is Leapfrog accessible for text and backgrounds?
The highest-contrast pair in this palette is Barolo on Forest Maid, at 5.1:1 (AA). Use the accessibility panel above to check any specific pair.
How do I use Leapfrog in a project?
Copy the hex codes above, or open Leapfrog in the generator to remix it and export as CSS, Tailwind, or JSON.