Tempered Courtyard color palette — #DDEBE1 · #697725 · #564200 · #3B1A00 · #000501

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

The five colors

• Honeydew (#DDEBE1): bright and airy, almost weightless.
• Olive (#697725): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#3B1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000501): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered 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 Ridge color palette (#FCE6EF, #8B6900, #693600, #4B0008, #000503)
• Eclipse Fern color palette (#FCEED4, #605C00, #362A00, #1A0E00, #040300)
• Dusty Plum color palette (#F8E8F3, #B73959, #723200, #2D2000, #020300)
• Gentle Courtyard color palette (#E6E0EF, #BB319B, #584100, #640050, #000301)
• Hazy Parlor color palette (#F3E2EA, #AE8532, #954800, #6B1E26, #171700)
• Quiet Pine color palette (#E7E2F7, #008B51, #4B004B, #2D141D, #100010)
• Hushed Lime Hollow color palette (#C8E7CF, #A3AF28, #967100, #813C00, #043305)
• Moonless Mulberry Cabin color palette (#EADBED, #8E0039, #3A3A00, #001838, #060001)

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