Muted Lagoon Lagoon color palette — #F1F8EA · #309D7F · #685695 · #6C3900 · #004429

Built around Fern, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Fern (#309D7F): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#685695): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6C3900): A full-bodied, balanced gold — the color of old brass.
• Forest (#004429): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Linen Mulberry color palette (#EBF9EF, #1D99A9, #874883, #594500, #004238)
• Chalky Garnet color palette (#F8F6E8, #82914C, #3464A1, #812010, #343D03)
• Basalt Station color palette (#F8F5EB, #B1B293, #4E8065, #43624B, #474500)
• Tempered Pewter Market color palette (#FFF1F5, #987AAF, #794F8D, #554700, #003C5A)
• Aubergine Terrace color palette (#D9EFD7, #007F7C, #790087, #3E3100, #002B26)
• Tempered Grove color palette (#FAEDFB, #4779B6, #8D2B42, #0B4805, #002A59)
• Timeworn Cypress color palette (#FCF3EF, #C8E5D0, #5593B1, #00735D, #563E58)
• Pale Lagoon color palette (#E9F3FF, #5190DA, #724FA4, #68234C, #002424)

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