Lagoon Courtyard color palette — #F0EDDF · #98B97B · #009277 · #643300 · #191900

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0EDDF): bright and airy, almost weightless.
• Sage (#98B97B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#009277): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#643300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#191900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light, muted.

Use it as a design system

One click turns Lagoon Courtyard 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

• Dusty Workshop color palette (#F4E0CF, #B8AF56, #499549, #760208, #231700)
• Dusty Jade Terrace color palette (#D4EFE7, #54B58C, #008A9D, #4A3A00, #001F08)
• Feathered Olive Bloom color palette (#E8DEC2, #95AA66, #439006, #423500, #080A00)
• Moss Terrace color palette (#E5E4C3, #A5BD53, #6AAB4E, #6D5900, #001A11)
• Ancient Lime Garden color palette (#F6F0DA, #A2CA42, #2FBEA7, #A36025, #181900)
• Teal Bloom color palette (#DAFFEE, #9BE099, #00BCB1, #7E5000, #233E00)
• Softworn Olive color palette (#D9EDDF, #696D1A, #463600, #2C1600, #040F00)
• Powdered Fern Quarry color palette (#D4F7F4, #85D2CB, #58AAD1, #5B5E00, #053F2F)

Browse the whole catalog at Explore, or see today's palette.