Olive Courtyard color palette — #F0EBE2 · #9D9B80 · #627A3A · #372900 · #0F0800

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

The five colors

• Cream (#F0EBE2): a clean, paper-quiet neutral.
• Taupe (#9D9B80): A luminous, dusty green — the color of fresh herbs.
• Olive (#627A3A): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#372900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0F0800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Pier color palette (#DAE3DE, #7F938A, #4D7468, #302A00, #000201)
• Antique Basalt color palette (#F1ECE1, #A8A598, #8C8768, #4F4500, #0E0800)
• Softworn Harbor color palette (#E7E7D8, #B2BEA7, #7B9682, #2E4F00, #202012)
• Chestnut Boulevard color palette (#E0E8E2, #90A5A8, #6E8E9A, #776100, #000D04)
• Ancient Bronze color palette (#E5E1BE, #BD6200, #576400, #00494D, #000801)
• Washed Forest color palette (#F3F7ED, #C5D9C8, #86B2A3, #006B4A, #283A00)
• Olive Grove color palette (#F9EADD, #457227, #004844, #34102C, #210008)
• Twilit Cypress color palette (#E9EACC, #006D59, #003138, #310013, #000805)

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