Olive Courtyard color palette — #F5F2E4 · #B8B68A · #558348 · #4C5D17 · #2A2813

Built around Fern, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F2E4): a clean, paper-quiet neutral.
• Sage (#B8B68A): A luminous, dusty green — the color of fresh herbs.
• Fern (#558348): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#4C5D17): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2A2813): 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 Olive 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

• Timeworn Lagoon color palette (#F1F3EA, #8EC0A7, #3C8470, #26605C, #232A17)
• Patina Olive color palette (#F9F2DB, #A1B15C, #537900, #005951, #272000)
• Washed Fern Alley color palette (#F3F0E2, #7D9859, #276500, #004242, #151300)
• Wandering Stone Terrace color palette (#E9FAF3, #B6CE9C, #7A9A70, #517A79, #304842)
• Timeworn Summit color palette (#EEEDD5, #42773A, #00421C, #00251A, #000400)
• Ancient Orchard color palette (#FEEBFB, #6C8AD6, #AE5DA2, #007A80, #2A1627)
• Worn Mallow Boulevard color palette (#FEEBF9, #E2D3E8, #CCB0F7, #627BA4, #382833)
• Feathered Peony color palette (#F9EEF8, #80A5DF, #C96A8E, #3963A8, #3F1828)

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