Muted Lagoon color palette — #F1F3E8 · #AFB896 · #478369 · #475C3E · #242B0F
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F3E8): bright and airy, almost weightless.
- Sage (#AFB896): A luminous, dusty green — the color of new leaves after rain.
- Fern (#478369): A full-bodied, dusty teal — the color of glacier melt.
- Pine (#475C3E): A full-bodied, dusty green — the color of fresh herbs.
- Deep Forest (#242B0F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Driftwood Terrace color palette (#F4F2EA, #C8C4AB, #8A863E, #556751, #32312A)
- Pine Hollow color palette (#F3F3E0, #85B781, #008042, #005661, #022903)
- Teal Ridge color palette (#F8F5EC, #CCE4CA, #6DAE92, #5B8068, #3A3C00)
- Lagoon Summit color palette (#EBF9F6, #9ECFCD, #58A081, #4F7A81, #2A4947)
- Forest Study color palette (#E2E6D0, #70997C, #006546, #00404F, #001808)
- Tempered Cypress color palette (#EBF1DC, #087A5A, #004035, #002424, #000402)
- Ultramarine Bloom color palette (#FEEBF9, #8FA0E0, #00A58A, #4959BA, #002F26)
- Weathered Iris Harbor color palette (#FFEBF9, #7888CE, #A66793, #007985, #2E1328)
Browse the whole catalog at Explore, or see today's palette.