Worn Lagoon Courtyard color palette — #FFF2EF · #A3AF6E · #008987 · #784860 · #474941

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sage (#A3AF6E): A luminous, balanced green — the color of fresh herbs.
• Fern (#008987): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#784860): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#474941): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Worn 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

• Aged Pine Ridge color palette (#FFF2EC, #BEA471, #338A5F, #6C4C73, #564600)
• Aged Station color palette (#FFF2EB, #72B997, #3D7EA7, #7E4A37, #3F4C3D)
• Mint Garden color palette (#E5F7E9, #88BB82, #38887C, #504D71, #1A3130)
• Worn Mint color palette (#FFF4E2, #9ACE94, #5FA095, #8C606E, #3F4F04)
• Turquoise Basin color palette (#FBF3F1, #CEE6DE, #60A4BC, #527A55, #5D4C5F)
• Dusty Chestnut color palette (#F9F5EC, #C2C4A4, #538F7B, #7D6217, #515100)
• Aged Emerald Market color palette (#FFF2EF, #46A43E, #006B81, #7C1837, #004031)
• Muted Pier color palette (#F4F7EA, #FFE3AF, #93D690, #5BADDF, #4A4D46)

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