Lagoon Lagoon color palette — #ECF5E6 · #009278 · #2E4237 · #252A22 · #121611

Built around Fern, softened by Forest — the whole palette hums with sophistication.

The five colors

• Cream (#ECF5E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009278): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#2E4237): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#252A22): a grounded near-black with real depth.
• Ink (#121611): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Timeworn Cerulean color palette (#E8F6EE, #008AAA, #473643, #212C26, #111714)
• Olive Harbor color palette (#F4F3E2, #688B0D, #36402E, #2A291E, #151610)
• Wandering Teal color palette (#ECF5E8, #49B09A, #4F5C4E, #333B2F, #20231D)
• Timeworn Mint Summit color palette (#E5F5F7, #71CAB3, #68808A, #45595B, #1B2423)
• Charred Denim Boulevard color palette (#D3EFD9, #00606A, #2B323B, #001A38, #010D03)
• Weathered Boulevard color palette (#E4FDE8, #30AAB4, #B57A51, #7C756F, #38473B)
• Hushed Meadow color palette (#F8F5EB, #BDC6A1, #718969, #776517, #495304)
• Shadow Coast color palette (#D8E6F6, #003A6A, #030E11, #0D0021, #070000)

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