Muted Lagoon color palette — #E4F6F6 · #488D6C · #2A4146 · #182D2D · #0F1719

Fern and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E4F6F6): bright and airy, almost weightless.
• Fern (#488D6C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#2A4146): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#182D2D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0F1719): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Lowlit Cypress color palette (#D4EDF2, #00796D, #003137, #001D1A, #00080E)
• Ancient Hollow color palette (#EFF4E8, #60D09C, #71816D, #495D1A, #22221D)
• Wandering Jade color palette (#F0F4E8, #62AE84, #4A5E4E, #303E00, #23221B)
• Antique Driftwood color palette (#E7F9FF, #4BA8B0, #A774AD, #907132, #2E474F)
• Eclipse Denim color palette (#E0ECFA, #005D9F, #141845, #000E1F, #010108)
• Lagoon Coast color palette (#ECF9F3, #A5CAC2, #5A8C89, #4B6F61, #37544E)
• Washed Cypress color palette (#E6F9FF, #77BEBF, #C58587, #008384, #5D425D)
• Pewter Orchard color palette (#DBFDFB, #ADC5C9, #809AA7, #716B89, #644654)

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