Lagoon Courtyard color palette — #F7F1E6 · #A3BD8E · #238866 · #6B4B52 · #292911

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Sage (#A3BD8E): A luminous, dusty green — the color of fresh herbs.
• Fern (#238866): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#6B4B52): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#292911): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Washed Spruce color palette (#F3F2E9, #B9CAA5, #409195, #765957, #253800)
• Hushed Pier color palette (#F5F2E5, #77AF85, #00746C, #603652, #1A1F08)
• Linen Grove color palette (#FBF0E4, #D49550, #009CC4, #8F5500, #062F1F)
• Dusty Dune color palette (#ECF9F3, #D4F0C5, #6CB081, #7B7090, #1F3F39)
• Dusty Iris Alley color palette (#F7F0EC, #C3E6D6, #608ED5, #006E62, #3E2132)
• Bronze Alley color palette (#FFEFDF, #E6AD75, #A46F00, #5A3700, #261400)
• Lagoon Workshop color palette (#E5E2CA, #378B64, #004E4E, #490F31, #050900)
• Hushed Parlor color palette (#FFEEE2, #DCDFC2, #A7D7AF, #A4707B, #322E28)

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