Vivid Cerulean

Explore this cosmic color palette featuring Vivid Cerulean (#00a5f2), Beasty Brown (#603300), and Cat’s Purr (#006da1) for a dark design aesthetic.

cosmicdark
Visualize
:root {
  --color-1: #00a5f2;
  --color-2: #9c3d96;
  --color-3: #603300;
  --color-4: #00622a;
  --color-5: #006da1;
}

.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

Ingénue Blue50
Cosmos Blue67
Loyal Blue8
Ice Effect9
Duskwood51
Wave Jumper21
Capital Blue13
Integrity37

Vivid Cerulean FAQ

What colors are in Vivid Cerulean?

Vivid Cerulean uses 5 colors: Vivid Cerulean, Purple Cactus Flower, Beasty Brown, Sombre Green, Cat’s Purr.

Is Vivid Cerulean accessible for text and backgrounds?

The highest-contrast pair in this palette is Vivid Cerulean on Beasty Brown, at 3.9:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Vivid Cerulean in a project?

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