Wandering Lagoon color palette — #FAF4F0 · #C7E3E2 · #84A7D4 · #008E7A · #5C3C50

A conversation between Fern and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C7E3E2): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#84A7D4): A luminous, dusty blue — the color of open sky before noon.
• Fern (#008E7A): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5C3C50): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Iris Ridge color palette (#FAF4EE, #B7DFD1, #7792DD, #007C7A, #3E3358)
• Dusty Pine color palette (#FDF3F0, #C9E4DC, #55B3D0, #498C4E, #2D4A67)
• Wandering Apricot Ridge color palette (#EAFAF1, #6EC5E3, #DF8E56, #008EB0, #5F371B)
• Pale Lagoon color palette (#D3E7C4, #64CAC9, #00A6C6, #006DB1, #364066)
• Teal Studio color palette (#E9FAF1, #E8D5D0, #F0C4F6, #5BB0A0, #36544D)
• Ultramarine Garden color palette (#F1E6DD, #79A9C6, #3B61B8, #004A46, #19003D)
• Iris Workshop color palette (#FDF3E9, #9ED0FF, #6E7BFF, #007176, #421868)
• Bronze Boulevard color palette (#FEF0FF, #7CA8DA, #DB795E, #B26D00, #462E49)

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