On a Whim

Looking for a fourth-of-july palette? This one pairs On a Whim (#009f91), Mango Salsa (#ffb266), and Studio (#6f459b) for a bold result.

fourth-of-julybold
Visualize
:root {
  --color-1: #009f91;
  --color-2: #885eb7;
  --color-3: #ffb266;
  --color-4: #005850;
  --color-5: #6f459b;
}

.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

Wave Jumper21
Ice Effect9
Capital Blue13
Integrity37
Loyal Blue8
Megaman33
Ingénue Blue50
Atlantic Gull15

On a Whim FAQ

What colors are in On a Whim?

On a Whim uses 5 colors: On a Whim, Lusty Lavender, Mango Salsa, Castleton Green, Studio.

Is On a Whim accessible for text and backgrounds?

The highest-contrast pair in this palette is Mango Salsa on Castleton Green, at 4.7:1 (AA). Use the accessibility panel above to check any specific pair.

How do I use On a Whim in a project?

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