Lagoon Market color palette — #F8ECE6 · #B6DFC1 · #55AFE2 · #2A9366 · #1B2B54

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

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Celadon Mist (#B6DFC1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#55AFE2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#2A9366): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1B2B54): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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

• Worn Emerald color palette (#FFF2ED, #8CECF4, #0DB9F7, #009E5B, #002C74)
• Muted Lagoon Station color palette (#FDF3ED, #C2ECD4, #85B7E7, #409F85, #4F2E45)
• Aged Iris Archive color palette (#FCEDE2, #93C8E4, #6792DB, #007E73, #201544)
• Gentle Ember Lagoon color palette (#F5D7C6, #FE8A5E, #00B6C3, #D15721, #003033)
• Washed Basin color palette (#FBECE7, #76BFBC, #0091B1, #04731A, #00152A)
• Timeworn Harbor color palette (#F0E5EE, #75C1CE, #0073A5, #004E33, #071236)
• Teal Delta color palette (#FBF3EF, #C3E0E9, #9ED4C4, #75B199, #62495C)
• Tangerine Lagoon color palette (#FFE1D7, #FA6D3D, #00A5CA, #457FBD, #391004)

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