Wandering Lagoon Pier color palette — #FBF4EE · #C9E8DC · #89B3F3 · #009FA6 · #34365E

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Honeydew (#C9E8DC): A whisper-light, dusty teal — the color of sea glass.
• Sky (#89B3F3): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009FA6): A luminous, balanced blue — the color of deep harbor water.
• Navy (#34365E): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Wandering 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

• Sky Courtyard color palette (#FFF2EB, #9EE6FD, #43B4FE, #00998B, #0B2A76)
• Emerald Market color palette (#FBF3EF, #CFE8CE, #57C2DC, #1FA46A, #043F5D)
• Periwinkle Quarry color palette (#F4F7ED, #BFE1F3, #58AEF0, #007B98, #3B253D)
• Ancient Teal color palette (#FAF4F0, #C5DFEB, #DABBDB, #49B5B6, #614A5A)
• Wandering Iris color palette (#F4EDE6, #9DC4E9, #718DE2, #007B8B, #220B50)
• Patina Corridor color palette (#FDDCD4, #FFA8B1, #41A9D5, #00A789, #422017)
• Pale Sapphire color palette (#EEE5DD, #7EA6C5, #3D6CD9, #005C65, #0A0028)
• Cobalt Alley color palette (#FCEDF3, #9FCFEB, #4A7DC2, #005B5E, #1A1C3E)

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