Olive Courtyard color palette — #E2F6E8 · #7E7A0E · #554300 · #392300 · #121900

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

The five colors

• Honeydew (#E2F6E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#7E7A0E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#554300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#392300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#121900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Bronze color palette (#FBD7E5, #9C6B13, #683700, #481500, #001C0B)
• Ancient Field color palette (#DBF8E7, #878E44, #635600, #493200, #022B24)
• Chestnut Chapel color palette (#D4EBD5, #6C5700, #3C2700, #1E0B00, #040400)
• Bronze Pier color palette (#D5E8E4, #9A7300, #122F00, #030D00, #000204)
• Dusty Amber color palette (#F7D2E3, #BC7F2B, #8B4600, #6D1B00, #362600)
• Weathered Corridor color palette (#EAF9F1, #86B2A2, #7D742B, #624F22, #28433E)
• Muted Market color palette (#DEF0EE, #008F40, #00455D, #003D18, #000408)
• Hushed Quarry color palette (#CFF9F3, #257424, #3D0085, #4F0029, #00110F)

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