Lagoon Loft color palette — #F3F6F0 · #D0E3DB · #AACEC3 · #008B6F · #1B2017

A conversation between Fern and Pistachio, giving this palette its sense of sophistication.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D0E3DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#AACEC3): A whisper-light, dusty teal — the color of sea glass.
• Fern (#008B6F): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1B2017): quiet, heavy and certain.

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

Use it as a design system

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

• Ancient Lagoon Lagoon color palette (#F2F7F0, #D1DEDA, #A2BAC0, #409B8E, #283125)
• Antique Cypress Veranda color palette (#F0F8F0, #C7E0DB, #9CC7AC, #006E6E, #051005)
• Wandering Lagoon color palette (#D9EBDA, #00878A, #4A5911, #002A31, #000601)
• Ancient Forest color palette (#ECF0E6, #C2D1C3, #90A69E, #006543, #2B3022)
• Olive Terrace color palette (#FCF4E5, #C0BF80, #717F10, #3B5B28, #1F1700)
• Feathered Navy Harbor color palette (#F6F8DB, #00BAB0, #007988, #372E85, #001803)
• Wandering Cerulean Lagoon color palette (#D3F8FF, #7DC8E8, #5488BA, #5F4570, #47262C)
• Seafoam Grove color palette (#E6FDE3, #69FFDA, #00DDD6, #00ADC5, #001618)

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