Muted Lagoon color palette — #F9F6DE · #9FC79E · #348864 · #6D405B · #181A00
A conversation between Fern and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F6DE): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#9FC79E): A luminous, dusty green — the color of new leaves after rain.
- Fern (#348864): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#6D405B): A full-bodied, dusty pink — the color of neon signs at night.
- Ink (#181A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, 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
- Seafoam Terrace color palette (#F6F6E9, #A8DFBA, #569985, #825365, #252B12)
- Emerald Grove color palette (#FDF5DA, #A9D475, #1C973C, #8C3D22, #152400)
- Washed Teal Meadow color palette (#F3F9DC, #5AB793, #006F65, #5A2B36, #000A05)
- Muted Emerald color palette (#D7E9E3, #619C61, #006543, #5A2B48, #02302C)
- Softworn Pine Chapel color palette (#E0DFD1, #448C58, #004735, #2C1400, #000200)
- Tempered Ridge color palette (#FAF4EB, #D7E6BC, #95A57A, #926C60, #3A3831)
- Ancient Boulevard color palette (#FFF3E5, #C68100, #009592, #884AAB, #150A00)
- Tempered Bronze Balcony color palette (#FFF3E5, #BDE9CF, #BED498, #AC6335, #2D1D00)
Browse the whole catalog at Explore, or see today's palette.