Tempered Courtyard color palette — #E8F4D8 · #219491 · #315E84 · #572F00 · #3A2002

Built around Fern, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E8F4D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#219491): A luminous, balanced teal — the color of sea glass.
• Peacock (#315E84): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#572F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#3A2002): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Navy Dune color palette (#DEF4E7, #0791A1, #50478B, #443A00, #1C2A08)
• Wandering Meadow color palette (#DAF2EE, #00899F, #295A80, #461927, #2A0400)
• Denim Hollow color palette (#EDE1C7, #648659, #006571, #5D2835, #421D16)
• Turquoise Market color palette (#CDEBE5, #00A6BC, #527799, #6B3D47, #481B0C)
• Weathered Chestnut Quarry color palette (#D9F2E1, #007B8D, #7C4E00, #00414C, #281600)
• Worn Cocoa Boulevard color palette (#CFEEFA, #00647D, #694500, #3C3A00, #00151C)
• Tempered Parlor color palette (#C5ECE6, #39709C, #523365, #1D2300, #001103)
• Tempered Study color palette (#D9EAE0, #5AACC4, #6A63BB, #554D00, #263E13)

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