Muted Lagoon color palette — #F5F7E6 · #B1DCBD · #349F76 · #306C7E · #252B13

A conversation between Fern and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B1DCBD): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#349F76): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#306C7E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#252B13): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Teal Hollow color palette (#F3F7EE, #BDEBD5, #51B0A6, #567B97, #313D29)
• Tempered Ridge color palette (#FAF5E8, #D4D4A1, #859241, #7F584D, #302709)
• Patina Pine color palette (#F5F8E1, #89CE99, #0A8C5D, #724515, #161B00)
• Cypress Cabin color palette (#E5F7F1, #89AA87, #387256, #344669, #00221F)
• Antique Cypress Archive color palette (#FEF4E3, #8FA471, #367054, #653F40, #36362F)
• Dusty Teal Canyon color palette (#FCF5E0, #ACD996, #5DB48C, #9F7783, #36362F)
• Muted Field color palette (#F0EEE0, #5F892E, #104901, #330D00, #010200)
• Softworn Delta color palette (#ECE0C5, #949326, #485400, #4E111C, #020100)

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