Lyons Blue

Looking for a vibrant palette? This one pairs Lyons Blue (#005e77), Earthy Khaki Green (#6a6200), and Hacienda Blue (#0087a9) for a bold result.

vibrantbold
Visualize
:root {
  --color-1: #005e77;
  --color-2: #dd67b2;
  --color-3: #6a6200;
  --color-4: #0087a9;
}

.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

Freezy Breezy24
Palette 8/14/20260
Duskwood51
Sandalwood Grey Blue5
No Emissions Green56
Aqua Velvet31
Sherpa Blue46
Ingénue Blue50

Lyons Blue FAQ

What colors are in Lyons Blue?

Lyons Blue uses 4 colors: Lyons Blue, Mega Magenta, Earthy Khaki Green, Hacienda Blue.

Is Lyons Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Lyons Blue on Mega Magenta, at 2.3:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Lyons Blue in a project?

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