Muted Lagoon color palette — #EDF8F5 · #97CDC4 · #658C6A · #566B65 · #3C524E
Fern and Stone set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF8F5): a clean, paper-quiet neutral.
- Stone (#97CDC4): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#658C6A): A luminous, dusty green — the color of new leaves after rain.
- Graphite (#566B65): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#3C524E): A full-bodied, dusty teal — the color of sea glass.
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
- Ancient Mint Lantern color palette (#DFFBFF, #58CCBB, #209C97, #287376, #40536C)
- Antique Cerulean Ridge color palette (#E9F8FF, #77D4E4, #2D8EA1, #185B65, #163A48)
- Stone Terrace color palette (#E9F8FF, #D5DAE6, #CBB6DE, #618A97, #435661)
- Antique Boulevard color palette (#E9F8FE, #46C4CF, #A08CCA, #308086, #484A67)
- Misty Veranda color palette (#DFFCF9, #5DB88A, #007C5F, #345B3B, #16452E)
- Dusty Canyon color palette (#F7F5EA, #D2D4B9, #96A17A, #8C7E35, #505100)
- Fern Grove color palette (#D5EBDC, #948F40, #535B00, #0F483F, #0D3022)
- Pine Corridor color palette (#D2F2EC, #008137, #004328, #002922, #001504)
Browse the whole catalog at Explore, or see today's palette.