Lagoon Loft color palette — #F1E1EC · #008A8A · #004351 · #002111 · #000103

Fern and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F1E1EC): A whisper-light, dusty pink — the color of peonies in June.
• Fern (#008A8A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#002111): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000103): a grounded near-black with real depth.

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

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

• Navy Harbor color palette (#F9E7EE, #4180A4, #00377E, #001F21, #01000A)
• Patina Quarry color palette (#E7DFD3, #4DA2A2, #006470, #003D2E, #000B11)
• Petrol Pier color palette (#F0E6EC, #73C0D5, #0073A7, #004C42, #031434)
• Washed Denim Pier color palette (#EDDBE2, #6CA3C8, #29559F, #00393C, #09002E)
• Inked Navy Basin color palette (#E6DECE, #624700, #003D6B, #291C00, #000104)
• Ancient Boulevard color palette (#ECDFCD, #838E32, #007844, #5A2300, #030200)
• Weathered Cerulean Lantern color palette (#FEECF9, #92DEE8, #0090B9, #00644D, #002646)
• Aged Lagoon color palette (#F7EFF4, #D6D1E7, #75A1C6, #46737C, #2C3748)

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