Clay and Moss

Explore this earthy color palette featuring Zürich Blue (#2390c9), Night Snow (#aacdff), and Light Periwinkle (#bdc6ff) for a calm design aesthetic.

earthycalm
Visualize
:root {
  --color-1: #2390c9;
  --color-2: #5ba7ec;
  --color-3: #aacdff;
  --color-4: #b8ccff;
  --color-5: #bdc6ff;
}

.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

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

Clay and Moss FAQ

What colors are in Clay and Moss?

Clay and Moss uses 5 colors: Zürich Blue, Blue Jeans, Night Snow, Ice Cold Stare, Light Periwinkle.

Is Clay and Moss accessible for text and backgrounds?

The highest-contrast pair in this palette is Zürich Blue on Ice Cold Stare, at 2.2:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Clay and Moss in a project?

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