Toy Blue

Toy Blue (#008a9d), Huelveño Horizon (#14a9f2), and Raiden Blue (#005ba6) come together in this warm palette, well suited to bold designs.

warmbold
Visualize
:root {
  --color-1: #008a9d;
  --color-2: #0098c0;
  --color-3: #14a9f2;
  --color-4: #005ba6;
}

.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
Elite Green58
Nordic Noir83
Ingénue Blue50
Cosmos Blue67
Loyal Blue8
Ice Effect9

Toy Blue FAQ

What colors are in Toy Blue?

Toy Blue uses 4 colors: Toy Blue, Atomic Blue, Huelveño Horizon, Raiden Blue.

Is Toy Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Huelveño Horizon on Raiden Blue, at 2.6:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Toy Blue in a project?

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