Olive Courtyard color palette — #F4F2E5 · #AABC82 · #D4827C · #677B2A · #372F2C

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

The five colors

• Cream (#F4F2E5): a clean, paper-quiet neutral.
• Sage (#AABC82): A luminous, balanced green — the color of fresh herbs.
• Coral Clay (#D4827C): A luminous, balanced orange — the color of toasted spice.
• Olive (#677B2A): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#372F2C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Softworn Amber Hollow color palette (#EDF5E7, #76C5AD, #C29250, #18846B, #35302A)
• Ancient Teal Studio color palette (#F8F1E5, #CAB076, #3AB2A1, #8A6D24, #273622)
• Dusty Lantern color palette (#F9F0E9, #D2B599, #A1795E, #80481C, #332A20)
• Weathered Canyon color palette (#E8FAF4, #9EBD6A, #A68BC2, #687A4B, #4A4A66)
• Antique Pine Harbor color palette (#F1F4E5, #8FC390, #64A3D4, #4A804D, #0E392F)
• Softworn Basalt Dune color palette (#F2F3E3, #CAE1CF, #92C8C5, #7A8A61, #363B00)
• Cypress Hollow color palette (#F0F3EC, #C3C899, #376F50, #2A3700, #12150D)
• Weathered Stone color palette (#E8FAF5, #AED28D, #6FBDDD, #7A975E, #365161)

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