Abyss Lagoon color palette — #E9F1E5 · #BED8C3 · #8AB0A1 · #005B4C · #010300

Pine and Sage set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E9F1E5): bright and airy, almost weightless.
• Oat (#BED8C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8AB0A1): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#005B4C): A full-bodied, dusty teal — the color of glacier melt.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Abyss Lagoon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Hushed Abyss Meadow color palette (#D9E6DC, #A8C2B8, #9F8A9B, #00444E, #000200)
• Abyss Dune color palette (#D8E8EB, #99ADB4, #668494, #004139, #00181C)
• Softworn Hollow color palette (#F2DEC3, #979300, #305A00, #00332C, #010100)
• Azure Courtyard color palette (#C9E7E0, #00A2CB, #4A5391, #422508, #160600)
• Timeworn Lagoon Market color palette (#F6DCD8, #008A78, #00486A, #3B0003, #000102)
• Softworn Denim Workshop color palette (#FBF1FC, #F1D1D4, #CEB2BA, #2360A5, #120912)
• Cellar Terrace color palette (#DAE5D6, #00786B, #560083, #290A00, #030000)
• Ancient Abyss color palette (#DDECE1, #656470, #005862, #151C23, #00060F)

Browse the whole catalog at Explore, or see today's palette.