Lagoon Pier color palette — #F2E4DD · #3F8E93 · #004455 · #002416 · #000A16

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

The five colors

• Parchment (#F2E4DD): bright and airy, almost weightless.
• Storm Blue (#3F8E93): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#004455): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002416): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Lagoon Pier 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 Lagoon color palette (#F0F1E4, #57A0A4, #00646F, #003C37, #000B10)
• Dusty Navy Grove color palette (#EBE2D8, #5485B2, #223183, #002127, #0C0026)
• Lowlit Lagoon color palette (#CAEEDC, #007646, #003419, #1D222A, #000C05)
• Weathered Ultramarine color palette (#F7ECE2, #7CA3C5, #2D4EAE, #003D44, #1F1348)
• Aubergine Study color palette (#EDF2D6, #1E7224, #540056, #012904, #0F0010)
• Muted Loft color palette (#FBEBE1, #7BBCD3, #186DA7, #00504B, #1B2B56)
• Inked Chestnut color palette (#EFE4D8, #6B5703, #3E2500, #210800, #030400)
• Cerulean Thicket color palette (#FEF3ED, #9BDAE6, #008ABC, #006856, #104075)

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