Lagoon Corridor color palette — #F0F7F0 · #D5D7CB · #3A9696 · #354D36 · #171D17

A conversation between Cerulean and Deep Olive, giving this palette its sense of sophistication.

The five colors

• Ivory (#F0F7F0): bright and airy, almost weightless.
• Silver (#D5D7CB): bright and airy, almost weightless.
• Cerulean (#3A9696): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#354D36): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#171D17): quiet, heavy and certain.

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

Use it as a design system

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

• Washed Drift color palette (#EAF8F9, #DBE5A8, #6DAE97, #567375, #212E2F)
• Softworn Pier color palette (#E7FBEE, #FFCBB9, #00788C, #00353F, #000B04)
• Timeworn Bloom color palette (#FCF1FC, #FFDEC5, #4778B4, #462E48, #140C15)
• Patina Chapel color palette (#F2F7F1, #C3DEF5, #BE9DE3, #38AFA0, #271A1F)
• Periwinkle Villa color palette (#FEF4E5, #A2EBF8, #859FE4, #856F46, #31443C)
• Mallow Quarry color palette (#EFF8EE, #79D6D2, #CF9AC9, #AA7350, #2B352A)
• Peony Meadow color palette (#F1F8EC, #81D7BB, #C170A2, #7A6F3A, #1E2418)
• Hushed Apricot Studio color palette (#E7FBF1, #FF9D82, #005975, #001C27, #000201)

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