Lagoon Market color palette — #FDF3EC · #C4E6E5 · #7FA9D3 · #218B88 · #5B3B54

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Silver (#C4E6E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7FA9D3): A luminous, dusty blue — the color of deep harbor water.
• Fern (#218B88): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5B3B54): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Weathered Lagoon color palette (#FAF3F7, #D7D4E0, #8DC0F4, #1F9491, #323F58)
• Linen Azure color palette (#FDF3ED, #A3E7FF, #57A2DE, #00837A, #2A3D6E)
• Lagoon Loft color palette (#FDF3EE, #D1EED2, #60B2C9, #3E8C66, #265144)
• Worn Wisteria Coast color palette (#EDFAE7, #6BCCB9, #D189C1, #009582, #583450)
• Linen Pine Hollow color palette (#FFF2EB, #90DBD5, #009DB3, #007740, #00384F)
• Denim Meadow color palette (#F3E1D8, #529FAF, #006086, #003C32, #00081D)
• Hushed Quarry color palette (#F5E2D9, #7FBEBE, #00829B, #005C3A, #002236)
• Faded Ultramarine Corridor color palette (#EFE2D6, #79A8C8, #2060C8, #00494E, #11073B)

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