Lagoon Pier color palette — #F7ECF7 · #408587 · #004257 · #00210A · #000105

Storm Blue takes the lead with Deep Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7ECF7): a clean, paper-quiet neutral.
• Storm Blue (#408587): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00210A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Softworn Navy Station color palette (#EBDDE4, #45819C, #00377F, #00201B, #010009)
• Denim Dune color palette (#E6DFD5, #8BAC8D, #005F6E, #002C22, #000102)
• Denim Lagoon color palette (#F9ECE8, #4EA2A4, #00617E, #003F19, #00091C)
• Tempered Nightshade Workshop color palette (#F6E8ED, #80A0BC, #374DAD, #003939, #100027)
• Timeworn Petrol color palette (#F1E5EC, #8DBAD3, #2C6EAC, #004D3E, #10093F)
• Linen Navy Veranda color palette (#E3E1FE, #B27688, #9E5700, #231F86, #090004)
• Forest Corridor color palette (#F5F0F5, #C5E2EA, #5698AE, #2F6E37, #122D49)
• Inked Coast color palette (#FBEAF5, #923B76, #4D004B, #26190C, #13000C)

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