Navigate

A mardi-gras 5-color palette built around Navigate (#008a87), Philippine Gold (#b17300), and Trunks Hair (#9e59c4), with a vibrant feel throughout.

mardi-grasvibrant
Visualize
:root {
  --color-1: #008a87;
  --color-2: #7b369f;
  --color-3: #b17300;
  --color-4: #005c5a;
  --color-5: #9e59c4;
}

.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

Atlantic Gull15
Megaman33
Integrity37
Capital Blue13
Indigo Hamlet4
Wave Jumper21
Ice Effect9
High Tea19

Navigate FAQ

What colors are in Navigate?

Navigate uses 5 colors: Navigate, Skeletor’s Cape, Philippine Gold, Tidal Pool, Trunks Hair.

Is Navigate accessible for text and backgrounds?

The highest-contrast pair in this palette is Philippine Gold on Tidal Pool, at 2.0:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Navigate in a project?

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