Teal Spill

Teal Spill (#002827), Jadestone (#00a4a1), and Cold Light of Day (#00ebe6) come together in this food palette, well suited to warm designs.

foodwarm
Visualize
:root {
  --color-1: #002827;
  --color-2: #006360;
  --color-3: #00a4a1;
  --color-4: #00ebe6;
}

.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

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

Teal Spill FAQ

What colors are in Teal Spill?

Teal Spill uses 4 colors: Teal Spill, Emerald Stone, Jadestone, Cold Light of Day.

Is Teal Spill accessible for text and backgrounds?

The highest-contrast pair in this palette is Teal Spill on Cold Light of Day, at 10.5: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.