Lagoon Terrace color palette — #EEF8F4 · #B0B77B · #3DA179 · #007688 · #573844
A conversation between Fern and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF8F4): a clean, paper-quiet neutral.
- Sage (#B0B77B): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#3DA179): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007688): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#573844): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Lagoon Terrace 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
- Lagoon Courtyard color palette (#EAF9F6, #95BF86, #18A197, #327092, #2E4A36)
- Moss Thicket color palette (#FDF2F5, #D6A770, #809746, #2F7767, #51394C)
- Muted Sand Coast color palette (#FCF4EA, #E8BF87, #76BA99, #678AAD, #58354F)
- Weathered Taupe color palette (#EEF8F4, #ADDDD1, #84A77D, #708372, #3E524D)
- Navy Field color palette (#E3F6F6, #42AC78, #00808E, #0E4C9D, #2E2D00)
- Moss Market color palette (#DDFEF5, #79AF00, #008C74, #005F76, #452900)
- Timeworn Petrol Field color palette (#FCF2F7, #F3BF9F, #67A1C7, #61659A, #2D3755)
- Amber Corridor color palette (#E9F6EC, #B99730, #445F52, #2F3C33, #1E231F)
Browse the whole catalog at Explore, or see today's palette.