Phosphorus
Explore this neutral color palette featuring Phosphorus (#a0d0c5), Submerged (#4c7b81), and Secret Cove (#64909e) for a soft design aesthetic.
:root {
--color-1: #a0d0c5;
--color-2: #568684;
--color-3: #4c7b81;
--color-4: #64909e;
}.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
Phosphorus FAQ
What colors are in Phosphorus?
Phosphorus uses 4 colors: Phosphorus, Rainier Blue, Submerged, Secret Cove.
Is Phosphorus accessible for text and backgrounds?
The highest-contrast pair in this palette is Phosphorus on Submerged, at 2.8:1 (Fail). Use the accessibility panel above to check any specific pair.
How do I use Phosphorus in a project?
Copy the hex codes above, or open Phosphorus in the generator to remix it and export as CSS, Tailwind, or JSON.