Yale Blue

Explore this cosmic color palette featuring Yale Blue (#134e94), Intense Brown (#7c5300), and Iron Blue (#144e95) for a dark design aesthetic.

cosmicdark
Visualize
:root {
  --color-1: #134e94;
  --color-2: #a85184;
  --color-3: #7c5300;
  --color-4: #33b58a;
  --color-5: #144e95;
}

.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

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

Yale Blue FAQ

What colors are in Yale Blue?

Yale Blue uses 5 colors: Yale Blue, Signal Pink, Intense Brown, Hisui Kingfisher, Iron Blue.

Is Yale Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Yale Blue on Hisui Kingfisher, at 3.2:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Yale Blue in a project?

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