Clouded Pine

Clouded Pine (#628266), Idyllic Island (#578679), and Sightful (#76a9a4) come together in this muted palette, well suited to calm designs.

mutedcalm
Visualize
:root {
  --color-1: #628266;
  --color-2: #3a614d;
  --color-3: #578679;
  --color-4: #76a9a4;
}

.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

Quiet Jade25
Cotton Candy Comet1
Rose Garden60
Permanent Green54
Pale Petunia44
Buddha Gold1
Berry Blackmail25
Maximum Purple32

Clouded Pine FAQ

What colors are in Clouded Pine?

Clouded Pine uses 4 colors: Clouded Pine, Amish Green, Idyllic Island, Sightful.

Is Clouded Pine accessible for text and backgrounds?

The highest-contrast pair in this palette is Amish Green on Sightful, at 2.7:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Clouded Pine in a project?

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