Lagoon Pier color palette — #D5F3F9 · #009B90 · #124B65 · #052C32 · #031514

Fern and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D5F3F9): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009B90): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#124B65): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#052C32): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#031514): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Cerulean color palette (#DAEFFF, #0092C7, #3F406A, #152937, #031419)
• Tempered Teal color palette (#C7E4EB, #00B9B1, #17757C, #004C49, #031517)
• Muted Moss color palette (#D3F4ED, #469E00, #005149, #072D28, #08150E)
• Tempered Periwinkle color palette (#EAF3FF, #6C99F1, #56556C, #323841, #1C2327)
• Mint Lantern color palette (#E0FDF3, #60D59F, #00999A, #617041, #14452F)
• Gentle Rust Veranda color palette (#D3F1FF, #34C0F4, #B98800, #BF5C00, #003649)
• Denim Quarry color palette (#C7E5FB, #005884, #190B3F, #13131A, #000307)
• Azure Balcony color palette (#FDF1F8, #9AE9FF, #53A2E4, #008568, #323A6E)

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