Lagoon Bloom color palette — #F6F6EE · #CCE3DB · #99BC9B · #589484 · #3B5140

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F6EE): a clean, paper-quiet neutral.
• Silver (#CCE3DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#99BC9B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#589484): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3B5140): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Timeworn Ash color palette (#EBFAEE, #B9E0EF, #B1AEBA, #83B0A4, #3F5347)
• Weathered Teal color palette (#E9FDDB, #89D4C5, #5EB6AF, #348889, #3C5640)
• Worn Cocoa Boulevard color palette (#EDF9EC, #8DD3D1, #C0B17B, #429D9A, #634800)
• Dusty Cerulean Grove color palette (#F4F6EF, #C6E8EA, #92B5D7, #578FA5, #5F4B60)
• Petrol Atelier color palette (#EFF1DC, #6DAEB7, #007386, #004A49, #00171F)
• Hushed Cerulean color palette (#EEF0E6, #90CFE6, #0792C3, #006A77, #00314C)
• Airy Harbor color palette (#E6ECDB, #90B6D7, #3776BF, #005474, #061B48)
• Washed Bronze color palette (#FDF3EB, #DFC5AD, #B69478, #9F643B, #653E00)

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