Teal Spill

Teal Spill (#002824), Tyrolite Blue-Green (#00a597), and Frozen Boubble (#00edd9) come together in this coastal palette, well suited to fresh designs.

coastalfresh
Visualize
:root {
  --color-1: #002824;
  --color-2: #00635a;
  --color-3: #00a597;
  --color-4: #00edd9;
}

.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

Pink Bubble Tea50
Mint Gala52
Nosegay7
Rose Shadow54
Woolly Mint12
Love at First Sight52
Betalain Red13
Maximum Purple32

Teal Spill FAQ

What colors are in Teal Spill?

Teal Spill uses 4 colors: Teal Spill, Dancing Peacock, Tyrolite Blue-Green, Frozen Boubble.

Is Teal Spill accessible for text and backgrounds?

The highest-contrast pair in this palette is Teal Spill on Frozen Boubble, at 10.6:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Teal Spill in a project?

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