Fern Courtyard color palette — #EBF9F3 · #77A698 · #4D6E32 · #6D3B2F · #163D33

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

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Eucalyptus (#77A698): A luminous, dusty teal — the color of glacier melt.
• Olive (#4D6E32): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#6D3B2F): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#163D33): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Olive Veranda color palette (#E9FAF2, #99AC68, #4F7728, #6F4700, #353F19)
• Patina Station color palette (#D1F3F1, #57A384, #006A58, #5A3C00, #003726)
• Hushed Pine Bloom color palette (#EDF8F5, #87BBB5, #49825E, #724D5E, #2A4946)
• Aged Pine color palette (#E6F7EB, #97A870, #357442, #424363, #00221A)
• Terracotta Field color palette (#FBE8F2, #BC7B5C, #468B47, #8D3A00, #124015)
• Ancient Jade Station color palette (#FBF5DF, #BFD492, #89AD6E, #8A827D, #36362F)
• Washed Forest color palette (#DBF0E9, #63864C, #05540E, #4F1D00, #0D2000)
• Chestnut Dune color palette (#FFF2E8, #D09666, #8A4C00, #552D00, #321700)

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