Loyal Blue

A cosmic 5-color palette built around Loyal Blue (#004762), Crushed Orange (#e47b30), and Tofino Belue (#00739c), with a dark feel throughout.

cosmicdark
Visualize
:root {
  --color-1: #004762;
  --color-2: #a154ae;
  --color-3: #e47b30;
  --color-4: #4da245;
  --color-5: #00739c;
}

.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

Palette 8/14/20260
Duskwood51
Ingénue Blue50
Loyal Blue8
Ice Effect9
Wave Jumper21
Freezy Breezy24
Capital Blue13

Loyal Blue FAQ

What colors are in Loyal Blue?

Loyal Blue uses 5 colors: Loyal Blue, Purpureus, Crushed Orange, Oregano Green, Tofino Belue.

Is Loyal Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Loyal Blue on Crushed Orange, at 3.5:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Loyal Blue in a project?

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