Coastal Breeze

Heath Green (#96ceaa), Eucalyptus Green (#1e6a5a), and Coolbox Ice Turquoise (#4d9c9c) come together in this coastal palette, well suited to calm designs.

coastalcalm
Visualize
:root {
  --color-1: #96ceaa;
  --color-2: #4b8a71;
  --color-3: #1e6a5a;
  --color-4: #4f9b93;
  --color-5: #4d9c9c;
}

.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

Maximum Purple32
Berry Blackmail25
Buddha Gold1
Betalain Red13
Pale Petunia44
Love at First Sight52
Woolly Mint12
Cotton Candy Comet1

Coastal Breeze FAQ

What colors are in Coastal Breeze?

Coastal Breeze uses 5 colors: Heath Green, Aegean Green, Eucalyptus Green, Lagoon, Coolbox Ice Turquoise.

Is Coastal Breeze accessible for text and backgrounds?

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

How do I use Coastal Breeze in a project?

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