Lagoon Courtyard color palette — #FAF5E7 · #A2BF8E · #4E906D · #7B5764 · #36362F

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Sage (#A2BF8E): A luminous, dusty green — the color of fresh herbs.
• Fern (#4E906D): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#7B5764): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Cypress color palette (#E9E5D0, #7DB486, #00856E, #6B4768, #0B3215)
• Softworn Fern Courtyard color palette (#F7F6E8, #BFC9A7, #7F9874, #87686C, #3C4900)
• Softworn Station color palette (#EAFAF1, #BCDCA5, #419F70, #5F5F82, #013028)
• Airy Garden color palette (#FFE7CA, #B5AF54, #548900, #555192, #332F00)
• Dusty Loft color palette (#F5F7E8, #A1DAAD, #52B787, #508E9E, #35362F)
• Pale Plum Studio color palette (#FFE8E9, #DB86C7, #00AE91, #A34C91, #003F34)
• Patina Azure color palette (#FEF3ED, #BADFC8, #559ECD, #007D6F, #4B2F4A)
• Wandering Hollow color palette (#EAF9F6, #6FA7A4, #187453, #005467, #0B3E3C)

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