Fern Courtyard color palette — #F7F6E9 · #A8B595 · #218284 · #774C4A · #374A01

Deep Olive takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#A8B595): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#218284): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#774C4A): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#374A01): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Ancient Thicket color palette (#FDF4E8, #B7B08B, #4C815C, #644F79, #4D4200)
• Tempered Corridor color palette (#F7F6EB, #94A17D, #007270, #445217, #343630)
• Patina Lagoon Parlor color palette (#E5F6F2, #93C09E, #20886C, #6C4957, #0C2D2C)
• Lagoon Villa color palette (#F6F6EA, #BFCAA0, #47A286, #97652F, #3D4800)
• Softworn Olive color palette (#FDE5C2, #A5AE6E, #588A3D, #006B3A, #10564A)
• Faded Parlor color palette (#F3F7E9, #7CAD87, #A077B4, #007A3A, #4F375B)
• Muted Pier color palette (#E5FBF4, #A6E6C3, #71BBBA, #9889A6, #304747)
• Worn Fern Alley color palette (#F5F7E7, #C4E4D9, #97C3E9, #8A7831, #3D5411)

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