Ancient Lagoon color palette — #E9F5F0 · #9DBE99 · #1D8869 · #624C64 · #102D2A

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Sage (#9DBE99): A luminous, dusty green — the color of fresh herbs.
• Fern (#1D8869): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#624C64): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#102D2A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Ancient 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

• Softworn Pine Station color palette (#ECF4EE, #B0B987, #4F844D, #405D48, #142D25)
• Timeworn Basalt color palette (#F8F5EA, #A4D3A3, #649D89, #8B685E, #424700)
• Hushed Jade Pier color palette (#CBEDE6, #41AA85, #006967, #6C220E, #001C11)
• Hazy Olive color palette (#CCFDF8, #97C88F, #418937, #004D16, #001B06)
• Quiet Dune color palette (#D7FBF2, #709D46, #9466C1, #914F89, #00251F)
• Antique Bronze Lagoon color palette (#F6F6ED, #CCE6C7, #78AE7A, #946F2D, #393932)
• Tempered Pine color palette (#CFEBE3, #228D5B, #004F47, #1E3000, #000B04)
• Aged Harbor color palette (#F7EFF2, #C4E0FB, #708AD1, #006B78, #242A46)

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