Wandering Lagoon color palette — #CFF3E5 · #008972 · #00665C · #003B38 · #001414

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

The five colors

• Honeydew (#CFF3E5): A whisper-light, dusty teal — the color of sea glass.
• Fern (#008972): A full-bodied, balanced teal — the color of sea glass.
• Pine (#00665C): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003B38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001414): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication. Tagged muted, cool.

Use it as a design system

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

• Petrol Quarry color palette (#C9ECEF, #007E8C, #005563, #002F3C, #000A11)
• Washed Lagoon color palette (#CDEFD7, #00A37C, #008071, #005B5D, #001519)
• Dusty Emerald color palette (#E8F1E4, #0F9A24, #00652C, #003D20, #001D12)
• Weathered Grape color palette (#CAE9F3, #00898A, #6E3CD7, #005051, #130034)
• Azure Delta color palette (#DDF5F8, #00BFE6, #00A4E3, #006866, #00191E)
• Hazy Ultramarine color palette (#D2EEF1, #00747C, #2E3CDE, #235900, #000A0B)
• Azure Courtyard color palette (#D5EBF4, #00AFE7, #007FB4, #005583, #002950)
• Softworn Harbor color palette (#E4FAFF, #6EDBDD, #4DB4BE, #3F7D88, #34505E)

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