Muted Lagoon color palette — #F6F2E2 · #9DB588 · #568564 · #24596C · #2C2E1A
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F2E2): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9DB588): A luminous, dusty green — the color of new leaves after rain.
- Fern (#568564): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#24596C): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#2C2E1A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Pewter Market color palette (#FFF1F7, #ADAA78, #50846C, #744770, #314E47)
- Dusty Cypress Field color palette (#F1F3EB, #C5E1E1, #7AA798, #4D765E, #1E3D36)
- Muted Coast color palette (#EAF9F3, #AAC89C, #6AA081, #1D799C, #2C4F4B)
- Teal Market color palette (#F2F5D9, #32B0B0, #00788E, #453E72, #0E2915)
- Ancient Driftwood color palette (#F5F2E8, #CAC4A9, #8E853C, #765E0F, #33312A)
- Quiet Emerald color palette (#F9F3CD, #00AE54, #00725C, #00416A, #002313)
- Wandering Emerald color palette (#EDEFDE, #609258, #354100, #1E1F15, #0D0D06)
- Wandering Basalt color palette (#FFF3E8, #E1E1A9, #74B197, #87648A, #454100)
Browse the whole catalog at Explore, or see today's palette.