Lagoon Harbor color palette — #F0F0E4 · #23928F · #004649 · #00231D · #000C0E

Built around Fern, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#F0F0E4): bright and airy, almost weightless.
• Fern (#23928F): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#004649): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000C0E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Lagoon Villa color palette (#DFE0D3, #4F9EA0, #00545C, #00302C, #00171D)
• Forest Basin color palette (#EEDEDA, #71ADAA, #00819E, #016316, #000A18)
• Denim Garden color palette (#E1E4DA, #64A7D0, #005C91, #003C4C, #001F41)
• Nocturne Denim color palette (#E0F3FF, #005F91, #003865, #001532, #000420)
• Powdered Cabin color palette (#FAE9F5, #8387BE, #7D54BD, #003170, #0B0C2B)
• Hushed Petrol Studio color palette (#EEF0E3, #94BDA2, #00748F, #004F53, #003346)
• Muted Cerulean color palette (#F5F6EA, #92DDE3, #008FA2, #006762, #004858)
• Velvet Chestnut Boulevard color palette (#F4DCCD, #8A4300, #4B1A00, #260400, #070200)

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