Lapis Blue

A cinco-de-mayo 5-color palette built around Lapis Blue (#00528b), Gecko’s Dream (#679500), and Madrileño Maroon (#8b0038), with a vibrant feel throughout.

cinco-de-mayovibrant
Visualize
:root {
  --color-1: #00528b;
  --color-2: #ff6089;
  --color-3: #679500;
  --color-4: #3ca6ff;
  --color-5: #8b0038;
}

.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

Cowgirl Boots40
Pico Void24
Apple Cinnamon22
Passionate Blue6
Rokushō Green58
Caramelised Pecan3
Dark Eclipse12
Mint Tonic7

Lapis Blue FAQ

What colors are in Lapis Blue?

Lapis Blue uses 5 colors: Lapis Blue, Stellar Strawberry, Gecko’s Dream, Xed, Madrileño Maroon.

Is Lapis Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Xed on Madrileño Maroon, at 3.8:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Lapis Blue in a project?

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