Gemstone Blue

Looking for a pastel palette? This one pairs Gemstone Blue (#004f6c), Vivid Cerulean (#00ace7), and Coastal Breeze (#e3f5ff) for a calm result.

pastelcalm
Visualize
:root {
  --color-1: #004f6c;
  --color-2: #006c93;
  --color-3: #008cbc;
  --color-4: #00ace7;
  --color-5: #60cbff;
  --color-6: #b7e6ff;
  --color-7: #e3f5ff;
}

.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
Cosmos Blue67
Loyal Blue8
Ice Effect9
Freezy Breezy24
Wave Jumper21

Gemstone Blue FAQ

What colors are in Gemstone Blue?

Gemstone Blue uses 7 colors: Gemstone Blue, Port au Prince, Hawaiian Surf, Vivid Cerulean, Skyan, Dithered Sky, Coastal Breeze.

Is Gemstone Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Gemstone Blue on Coastal Breeze, at 8.0:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Gemstone Blue in a project?

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