Olive Courtyard color palette — #EBFAEB · #E7AF9B · #B5875F · #5A7A45 · #583F4D

A conversation between Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EBFAEB): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#E7AF9B): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B5875F): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#5A7A45): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#583F4D): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Bronze Boulevard color palette (#FFF1F6, #E2ACBE, #BF7E7E, #846C25, #514155)
• Softworn Cypress color palette (#EBF9F0, #CFBC8F, #949666, #0E8072, #374E40)
• Softworn Chapel color palette (#FFF3E5, #FFD0C4, #CB946D, #7B752B, #632F00)
• Cocoa Studio color palette (#FCF5E2, #FFBBC7, #D0A47B, #6F9685, #703416)
• Worn Corridor color palette (#DDF6E5, #BE9C5B, #837A00, #006454, #3C2F00)
• Patina Harbor color palette (#F9EEF4, #CA8970, #66515B, #41333C, #261F24)
• Muted Abyss color palette (#EAFAEB, #C4DBCC, #9DB3AA, #6C8A8E, #315661)
• Dusty Bronze color palette (#D3EADC, #9B7D00, #585E00, #00423C, #1A1600)

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